@licklist/design 0.66.12-dev.2 → 0.66.12

package/dist/snippet/snippet-template/preview/Preview.js

@@ -1,565 +1 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useContext } from 'react';
-import { useTranslation } from 'react-i18next';
-import { MemoryRouter } from 'react-router-dom';
-import { Button } from 'react-bootstrap';
-import { SNIPPET_TYPE_VENUE_MAP, SNIPPET_TYPE_EVENT_LIST } from '@licklist/core/dist/DataMapper/Provider/SnippetDataMapper';
-import { defaultStartDay, Calendar } from '../../../calendar/Calendar.js';
-import 'clsx';
-import { getMonthCalendarDates } from '../../../calendar/utils/index.js';
-import { IframeEventCard } from '../../../iframe/event/event-card/IframeEventCard.js';
-import '../../../iframe/event/event-card/IframeEventCardSkeleton.js';
-import { SettingButton } from '../settings/SettingButton.js';
-import { SnippetTemplateViewContext } from '../context/snippetTemplateView.js';
-import { Timer } from '../../../iframe/order-process/components/Timer/Timer.js';
-import { NavigationSteps } from '../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js';
-import { Page } from '../../../iframe/page/Page.js';
-import { PageBody } from '../../../iframe/page/components/PageBody/PageBody.js';
-import { PageHeader } from '../../../iframe/page/components/PageHeader/PageHeader.js';
-import 'react-icons/fa';
-import 'react-swipeable';
-import 'react-bootstrap/Button';
-import '@licklist/plugins/dist/services/Route/RouteService';
-import '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
-import '@licklist/plugins/dist/services/Media/MediaService';
-import '../../../tiptap-editor/TipTapEditor.js';
-import 'react-bootstrap/Accordion';
-import 'react-intl';
-import 'react-bootstrap/Card';
-import 'react-bootstrap/AccordionToggle';
-import 'react-bootstrap/AccordionContext';
-import '../../../static/index.js';
-import { EventProductSets } from '../../../iframe/event/event-product-sets/EventProductSets.js';
-import { IframeEventVenueMap } from '../../../iframe/event/event-venue-map/IframeEventVenueMap.js';
-import 'react-bootstrap/PageItem';
-import '@licklist/plugins/dist/services/Table/PaginationService';
-import '@licklist/plugins/dist/services/Table/TableService';
-import 'lodash';
-import '@licklist/plugins/dist/hooks/Query/useQuery';
-import 'react-loader';
-import '../../../table/utils/index.js';
-import '@tanstack/react-table';
-import '../../../iframe/payment/order-items-table/hooks/useTableData.js';
-import 'react-bootstrap/Col';
-import 'react-bootstrap/Row';
-import '@licklist/plugins/dist/context/payment/PaymentSessionContext';
-import '@licklist/core/dist/Config';
-import 'react-hook-form';
-import 'react-bootstrap/Alert';
-import '@licklist/plugins/dist/hooks/Ryft/useRyftPayment';
-import '@licklist/plugins/dist';
-import { BookingSummary } from '../../../iframe/order-process/components/BookingSummary/BookingSummary.js';
-import { BookingSummaryFooter } from '../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js';
-import '../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js';
-import 'react-bootstrap/ModalHeader';
-import 'react-bootstrap/ModalTitle';
-import 'react-bootstrap/ModalBody';
-import 'react-bootstrap/Modal';
-import '../../../iframe/payment/payment-status-page/PaymentStatusPage.js';
-import '@licklist/plugins/dist/services/Form/HookFormService';
-import 'luxon';
-import '../../../static/manual-date-picker/constants/index.js';
-import { NumberInput } from '../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js';
-import { SnippetTemplateContext } from '../context/snippetTemplate.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var DEFAULT_IMAGE = "https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80";
-function Preview(param) {
-    var onSettingClick = param.onSettingClick, _param_providerHasMap = param.providerHasMap, providerHasMap = _param_providerHasMap === void 0 ? false : _param_providerHasMap;
-    var t = useTranslation("Design").t;
-    var _useState = _sliced_to_array(useState(0), 2), value = _useState[0], setValue = _useState[1];
-    var _useState1 = _sliced_to_array(useState(0), 2), productSetId = _useState1[0], onSelectProductSet = _useState1[1];
-    var setView = useContext(SnippetTemplateViewContext).setView;
-    var _useContext = useContext(SnippetTemplateContext), _useContext_template = _useContext.template, _useContext_template_type = _useContext_template.type, type = _useContext_template_type === void 0 ? SNIPPET_TYPE_EVENT_LIST : _useContext_template_type;
-    var handleOnClick = function(nextView) {
-        setView(nextView);
-        onSettingClick();
-    };
-    var _useState2 = _sliced_to_array(useState(defaultStartDay), 2), currentDate = _useState2[0], setCurrentDate = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(null), 2), selectedDate = _useState3[0], setSelectedDate = _useState3[1];
-    var calendarDates = getMonthCalendarDates(currentDate);
-    return /*#__PURE__*/ jsx("div", {
-        className: "w-100 h-100 snippet-template-preview",
-        children: /*#__PURE__*/ jsxs(Page, {
-            headerBlock: /*#__PURE__*/ jsx("div", {
-                className: "d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header",
-                children: /*#__PURE__*/ jsxs(SettingButton, {
-                    view: "pageHeaderSteps",
-                    onClick: handleOnClick,
-                    className: "m-0",
-                    children: [
-                        /*#__PURE__*/ jsx(SettingButton, {
-                            view: "pageHeader",
-                            onClick: handleOnClick,
-                            className: "m-0 snippet-template-button-left",
-                            containerClassName: "mr-5 asd"
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "header-block mt-5 pt-5",
-                            children: /*#__PURE__*/ jsx("div", {
-                                className: "mt-5 pt-5 external-header",
-                                children: /*#__PURE__*/ jsxs(PageHeader, {
-                                    showCloseButton: true,
-                                    showBackButton: true,
-                                    children: [
-                                        /*#__PURE__*/ jsx(Timer, {
-                                            timer: 600
-                                        }),
-                                        /*#__PURE__*/ jsx(MemoryRouter, {
-                                            initialEntries: [
-                                                "/step1",
-                                                "/step2"
-                                            ],
-                                            children: /*#__PURE__*/ jsx(NavigationSteps, {
-                                                steps: [
-                                                    {
-                                                        pathname: "/step1",
-                                                        key: "/step1",
-                                                        name: "Burger"
-                                                    },
-                                                    {
-                                                        pathname: "/step2",
-                                                        key: "/step2",
-                                                        name: "Cheese"
-                                                    }
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                })
-                            })
-                        })
-                    ]
-                })
-            }),
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: "page-body pb-5 mb-5 pt-3 mt-3",
-                    children: /*#__PURE__*/ jsx(SettingButton, {
-                        view: "page",
-                        onClick: handleOnClick,
-                        className: "snippet-template-body-button"
-                    })
-                }),
-                /*#__PURE__*/ jsx(PageBody, {
-                    className: "snippet-template",
-                    leftBlock: /*#__PURE__*/ jsx(SettingButton, {
-                        view: "pageBodyLeftBlock",
-                        onClick: handleOnClick,
-                        className: "mr-4",
-                        children: /*#__PURE__*/ jsxs(PageBody.LeftBlock, {
-                            title: "About this event",
-                            children: [
-                                /*#__PURE__*/ jsxs(SettingButton, {
-                                    view: "elements",
-                                    onClick: handleOnClick,
-                                    className: "mt-5 m-0",
-                                    containerClassName: "mt-5 pt-5",
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: "mt-3",
-                                            children: /*#__PURE__*/ jsx("h3", {
-                                                children: t("elements")
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "mt-5",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("Texts")
-                                                }),
-                                                /*#__PURE__*/ jsx("p", {
-                                                    children: "XXXX"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "mt-5",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("form")
-                                                }),
-                                                /*#__PURE__*/ jsx("div", {
-                                                    className: "d-flex flex-column w-100",
-                                                    children: /*#__PURE__*/ jsxs("div", {
-                                                        className: "w-100",
-                                                        children: [
-                                                            /*#__PURE__*/ jsx("div", {
-                                                                className: "form-row",
-                                                                children: /*#__PURE__*/ jsxs("div", {
-                                                                    className: "form-group col-12",
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx("label", {
-                                                                            className: "form-label",
-                                                                            children: t("firstName")
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx("input", {
-                                                                            type: "text",
-                                                                            className: "form-control",
-                                                                            placeholder: t("firstName")
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            }),
-                                                            /*#__PURE__*/ jsx("div", {
-                                                                className: "form-row",
-                                                                children: /*#__PURE__*/ jsx("button", {
-                                                                    type: "button",
-                                                                    className: "btn btn-link",
-                                                                    children: t("iHaveAccount")
-                                                                })
-                                                            })
-                                                        ]
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "mt-5",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("Number input")
-                                                }),
-                                                /*#__PURE__*/ jsx("div", {
-                                                    className: "d-flex flex-column w-100",
-                                                    children: /*#__PURE__*/ jsx(NumberInput, {
-                                                        value: value,
-                                                        onChange: function(nextValue) {
-                                                            return setValue(nextValue);
-                                                        },
-                                                        onArrowDown: function() {
-                                                            return setValue(function(prevValue) {
-                                                                return prevValue - 1;
-                                                            });
-                                                        },
-                                                        onArrowUp: function() {
-                                                            return setValue(function(prevValue) {
-                                                                return prevValue + 1;
-                                                            });
-                                                        }
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "mt-5",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("Dropdown")
-                                                }),
-                                                /*#__PURE__*/ jsx("div", {
-                                                    className: "d-flex flex-column w-100",
-                                                    children: /*#__PURE__*/ jsx("div", {
-                                                        className: "w-100",
-                                                        children: /*#__PURE__*/ jsx("div", {
-                                                            className: "form-row",
-                                                            children: /*#__PURE__*/ jsxs("div", {
-                                                                className: "form-group col-12",
-                                                                children: [
-                                                                    /*#__PURE__*/ jsx("label", {
-                                                                        className: "form-label",
-                                                                        children: t("dayOfBirthShort")
-                                                                    }),
-                                                                    /*#__PURE__*/ jsxs("select", {
-                                                                        className: "form-control",
-                                                                        placeholder: t("firstName"),
-                                                                        children: [
-                                                                            /*#__PURE__*/ jsx("option", {
-                                                                                children: "2022"
-                                                                            }),
-                                                                            /*#__PURE__*/ jsx("option", {
-                                                                                children: "2023"
-                                                                            })
-                                                                        ]
-                                                                    })
-                                                                ]
-                                                            })
-                                                        })
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "mt-5 snippet-template__form",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("Button")
-                                                }),
-                                                /*#__PURE__*/ jsx("div", {
-                                                    className: "d-flex flex-column w-100",
-                                                    children: /*#__PURE__*/ jsx(Button, {
-                                                        size: "sm",
-                                                        children: "Submit"
-                                                    })
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }),
-                                providerHasMap && type === SNIPPET_TYPE_VENUE_MAP && /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "pt-4",
-                                            children: [
-                                                /*#__PURE__*/ jsx("h4", {
-                                                    children: t("Calendar")
-                                                }),
-                                                /*#__PURE__*/ jsx(SettingButton, {
-                                                    view: "calendar",
-                                                    onClick: handleOnClick,
-                                                    className: "mt-3 m-0",
-                                                    containerClassName: "mt-5 pt-5",
-                                                    children: /*#__PURE__*/ jsx(Calendar, {
-                                                        currentDate: currentDate,
-                                                        setCurrentDate: setCurrentDate,
-                                                        selectedDate: selectedDate,
-                                                        setSelectedDate: setSelectedDate,
-                                                        calendarDates: calendarDates,
-                                                        getDateTimeButtonProps: function() {
-                                                            return {
-                                                                isDisabled: false
-                                                            };
-                                                        }
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: "pt-4",
-                                            children: /*#__PURE__*/ jsxs(SettingButton, {
-                                                view: "productSet",
-                                                onClick: handleOnClick,
-                                                className: "mt-3 m-0",
-                                                containerClassName: "mt-5 pt-5",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("h4", {
-                                                        children: t("Product Sets")
-                                                    }),
-                                                    /*#__PURE__*/ jsx("div", {
-                                                        className: "pt-5 mt-5",
-                                                        children: /*#__PURE__*/ jsx(EventProductSets, {
-                                                            productSets: [
-                                                                {
-                                                                    id: 1,
-                                                                    name: "Test 1"
-                                                                },
-                                                                {
-                                                                    id: 2,
-                                                                    name: "Test 2"
-                                                                },
-                                                                {
-                                                                    id: 3,
-                                                                    name: "Test 3"
-                                                                }
-                                                            ],
-                                                            onSelectProductSet: onSelectProductSet,
-                                                            selectedProductSetId: productSetId
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: "pt-4",
-                                            children: /*#__PURE__*/ jsxs("form", {
-                                                className: "category-steps-form pt-4 mt-4",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("h4", {
-                                                        children: t("Venue Map")
-                                                    }),
-                                                    /*#__PURE__*/ jsx("div", {
-                                                        className: "position-relative pt-4 mt-4",
-                                                        children: /*#__PURE__*/ jsx(SettingButton, {
-                                                            view: "venueMap",
-                                                            onClick: handleOnClick,
-                                                            className: "mt-n6 m-0",
-                                                            containerClassName: "mt-5 pt-5",
-                                                            children: /*#__PURE__*/ jsx(IframeEventVenueMap, {
-                                                                // eslint-disable-next-line max-len
-                                                                url: "https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",
-                                                                usedInIframe: true,
-                                                                pointProducts: [
-                                                                    {
-                                                                        id: 9,
-                                                                        menuStepId: 75,
-                                                                        pointId: 21,
-                                                                        productUuid: "beb6393c-2fdd-40f7-bb92-8800685b203f"
-                                                                    },
-                                                                    {
-                                                                        id: 10,
-                                                                        menuStepId: 75,
-                                                                        pointId: 24,
-                                                                        productUuid: "beb6393c-2fdd-40f7-bb92-8800685b203a"
-                                                                    }
-                                                                ],
-                                                                points: [
-                                                                    {
-                                                                        id: 21,
-                                                                        venueMapId: 7,
-                                                                        createdAt: null,
-                                                                        updatedAt: null,
-                                                                        deletedAt: null,
-                                                                        xCoordinate: 799.39,
-                                                                        yCoordinate: 1108.45
-                                                                    },
-                                                                    {
-                                                                        id: 24,
-                                                                        venueMapId: 7,
-                                                                        createdAt: null,
-                                                                        updatedAt: null,
-                                                                        deletedAt: null,
-                                                                        xCoordinate: 1400.2,
-                                                                        yCoordinate: 1431.77
-                                                                    }
-                                                                ],
-                                                                choosedProductUuids: [
-                                                                    "beb6393c-2fdd-40f7-bb92-8800685b203f"
-                                                                ],
-                                                                products: [
-                                                                    {
-                                                                        id: 148,
-                                                                        productCategoryId: 57,
-                                                                        productGroupId: null,
-                                                                        availableQuantity: 980,
-                                                                        zoneId: null,
-                                                                        name: "Cofee",
-                                                                        description: "",
-                                                                        price: 15,
-                                                                        deposit: 0,
-                                                                        minQuantity: 1,
-                                                                        maxQuantity: 15,
-                                                                        totalQuantity: 980,
-                                                                        type: "sale",
-                                                                        capacity: 0,
-                                                                        duration: 0,
-                                                                        weight: 0,
-                                                                        isAvailable: true,
-                                                                        isSoldOut: false,
-                                                                        isRequired: false,
-                                                                        isUnlimited: false,
-                                                                        quantitySelector: 1,
-                                                                        hasSpecialNotes: false,
-                                                                        termsAndConditions: null,
-                                                                        subProducts: [],
-                                                                        images: null,
-                                                                        productCategory: null,
-                                                                        uuid: "beb6393c-2fdd-40f7-bb92-8800685b203f"
-                                                                    },
-                                                                    {
-                                                                        id: 149,
-                                                                        productCategoryId: 57,
-                                                                        productGroupId: null,
-                                                                        availableQuantity: 980,
-                                                                        zoneId: null,
-                                                                        name: "Cofee 2",
-                                                                        description: "",
-                                                                        price: 15,
-                                                                        deposit: 0,
-                                                                        minQuantity: 1,
-                                                                        maxQuantity: 15,
-                                                                        totalQuantity: 980,
-                                                                        type: "sale",
-                                                                        capacity: 0,
-                                                                        duration: 0,
-                                                                        weight: 0,
-                                                                        isAvailable: true,
-                                                                        isSoldOut: false,
-                                                                        isRequired: false,
-                                                                        isUnlimited: false,
-                                                                        quantitySelector: 1,
-                                                                        hasSpecialNotes: false,
-                                                                        termsAndConditions: null,
-                                                                        subProducts: [],
-                                                                        images: null,
-                                                                        productCategory: null,
-                                                                        uuid: "beb6393c-2fdd-40f7-bb92-8800685b203a"
-                                                                    }
-                                                                ]
-                                                            })
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    }),
-                    rightBlock: /*#__PURE__*/ jsxs(PageBody.RightBlock, {
-                        bottomBlock: /*#__PURE__*/ jsx(BookingSummaryFooter, {}),
-                        children: [
-                            /*#__PURE__*/ jsx(SettingButton, {
-                                view: "pageBodyRightBlock",
-                                onClick: handleOnClick,
-                                containerClassName: "snippet-template-button-fixed-height",
-                                className: "m-0"
-                            }),
-                            /*#__PURE__*/ jsx(BookingSummary.Accordion, {
-                                showTitleOnlyOnMobile: true,
-                                children: /*#__PURE__*/ jsx(IframeEventCard, {
-                                    imageSrc: DEFAULT_IMAGE,
-                                    title: "XXXX",
-                                    type: "Party Doors 22:00 - 03:00",
-                                    cost: 6,
-                                    date: "Sat 2nd May",
-                                    goToDetails: function() {
-                                        return null;
-                                    },
-                                    shortDate: "07/03/2023"
-                                })
-                            })
-                        ]
-                    })
-                })
-            ]
-        })
-    });
-}
-
-export { Preview };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap"),s=require("../context/snippetTemplate.js"),m=require("../context/snippetTemplateView.js"),l=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper");require("../../../calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../calendar/Calendar.js"),u=require("../../../calendar/utils/index.js"),d=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js");var p=require("../settings/SettingButton.js"),v=require("../../../iframe/order-process/components/Timer/Timer.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js");require("../../../iframe/powered-by/PoweredBy.js");var E=require("../../../iframe/page/Page.js"),g=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/back-button/BackButton.js");var y=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js"),require("../../../iframe/event/ticket-description/TicketDescription.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var b=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var N=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js"),require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var S=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var C=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),q=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js"),require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/activity-card/ActivityCard.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");exports.Preview=function(e){var h=e.onSettingClick,B=e.providerHasMap,j=void 0!==B&&B,k=i.useTranslation("Design").t,P=t.__read(a.useState(0),2),w=P[0],x=P[1],I=t.__read(a.useState(0),2),T=I[0],D=I[1],A=a.useContext(m.SnippetTemplateViewContext).setView,M=a.useContext(s.SnippetTemplateContext).template.type,_=void 0===M?l.SNIPPET_TYPE_EVENT_LIST:M,V=function(e){A(e),h()},F=t.__read(a.useState(c.defaultStartDay),2),H=F[0],X=F[1],O=t.__read(a.useState(null),2),U=O[0],Q=O[1],R=u.getMonthCalendarDates(H);return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(E.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(p.SettingButton,{view:"pageHeaderSteps",onClick:V,className:"m-0"},r.createElement(p.SettingButton,{view:"pageHeader",onClick:V,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),r.createElement("div",{className:"header-block mt-5 pt-5"},r.createElement("div",{className:"mt-5 pt-5 external-header"},r.createElement(y.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(v.Timer,{timer:600}),r.createElement(n.MemoryRouter,{initialEntries:["/step1","/step2"]},r.createElement(f.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},r.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},r.createElement(p.SettingButton,{view:"page",onClick:V,className:"snippet-template-body-button"})),r.createElement(g.PageBody,{className:"snippet-template",leftBlock:r.createElement(p.SettingButton,{view:"pageBodyLeftBlock",onClick:V,className:"mr-4"},r.createElement(g.PageBody.LeftBlock,{title:"About this event"},r.createElement(p.SettingButton,{view:"elements",onClick:V,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,k("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("form")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},k("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:k("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},k("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(q.NumberInput,{value:w,onChange:function(e){return x(e)},onArrowDown:function(){return x((function(e){return e-1}))},onArrowUp:function(){return x((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Dropdown")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},k("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:k("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,k("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),j&&_===l.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,k("Calendar")),r.createElement(p.SettingButton,{view:"calendar",onClick:V,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.Calendar,{currentDate:H,setCurrentDate:X,selectedDate:U,setSelectedDate:Q,calendarDates:R,getDateTimeButtonProps:function(){return{isDisabled:!1}}}))),r.createElement("div",{className:"pt-4"},r.createElement(p.SettingButton,{view:"productSet",onClick:V,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,k("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(b.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:D,selectedProductSetId:T})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,k("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(p.SettingButton,{view:"venueMap",onClick:V,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(N.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:r.createElement(g.PageBody.RightBlock,{bottomBlock:r.createElement(C.BookingSummaryFooter,null)},r.createElement(p.SettingButton,{view:"pageBodyRightBlock",onClick:V,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(S.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(d.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};

package/dist/snippet/snippet-template/preview/index.d.ts

@@ -1,2 +1,2 @@
-export { Preview } from "./Preview";
+export { Preview } from "./Preview";
 //# sourceMappingURL=index.d.ts.map

package/dist/snippet/snippet-template/settings/SettingButton.d.ts

@@ -1,9 +1,10 @@
-import { snippetTemplateViews } from "../context/snippetTemplateView";
-export interface SettingButtonProps extends React.PropsWithChildren<unknown> {
-    view: string;
-    onClick: (key: keyof typeof snippetTemplateViews) => void;
-    className?: string;
-    containerClassName?: string;
-}
-export declare const SettingButton: ({ view, onClick, children, className, containerClassName, }: SettingButtonProps) => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { snippetTemplateViews } from "../context/snippetTemplateView";
+export interface SettingButtonProps extends React.PropsWithChildren<unknown> {
+    view: string;
+    onClick: (key: keyof typeof snippetTemplateViews) => void;
+    className?: string;
+    containerClassName?: string;
+}
+export declare const SettingButton: ({ view, onClick, children, className, containerClassName, }: SettingButtonProps) => JSX.Element;
 //# sourceMappingURL=SettingButton.d.ts.map

package/dist/snippet/snippet-template/settings/SettingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingButton.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/settings/SettingButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,OAAO,oBAAoB,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,gEAMvB,kBAAkB,4CAepB,CAAC"}
+{"version":3,"file":"SettingButton.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/settings/SettingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,OAAO,oBAAoB,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,gEAMvB,kBAAkB,gBAepB,CAAC"}