@licklist/design 0.66.12 → 0.67.0

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

@@ -1 +1,559 @@
-"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"})))})))};
+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,
+                                                                        name: "Cofee",
+                                                                        description: "",
+                                                                        price: 15,
+                                                                        deposit: 0,
+                                                                        minQuantity: 1,
+                                                                        maxQuantity: 15,
+                                                                        totalQuantity: 980,
+                                                                        type: "sale",
+                                                                        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,
+                                                                        name: "Cofee 2",
+                                                                        description: "",
+                                                                        price: 15,
+                                                                        deposit: 0,
+                                                                        minQuantity: 1,
+                                                                        maxQuantity: 15,
+                                                                        totalQuantity: 980,
+                                                                        type: "sale",
+                                                                        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 };

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,10 +1,9 @@
-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;
+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;
 //# 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":"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"}
+{"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"}