@licklist/design 0.44.485-dev.75 → 0.44.485-dev.77

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ActivitiesCardProps {
+    card: any;
+    onSelectCardId?: (productSetId: number) => void;
+    isActive: boolean;
+}
+export declare const ActivitiesCard: ({ card, onSelectCardId, isActive, }: ActivitiesCardProps) => JSX.Element;
+//# sourceMappingURL=ActivitiesCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivitiesCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wCAIxB,mBAAmB,gBAoDrB,CAAC"}

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),r=e(require("clsx")),c=require("react-intl");exports.ActivitiesCard=function(e){var i=e.card,l=e.onSelectCardId,n=e.isActive,s=c.useIntl().formatNumber,m=a.useTranslation("Design").t,d=i.imageSrc,o=i.title,u=i.time,f=i.cost,v=function(){l(i)};return t.createElement("div",{id:i.id,role:"button",className:r("iframe-activities-card",n&&"active"),onClick:v,onKeyPress:v,tabIndex:0},d&&t.createElement("div",{className:"card-image",style:{backgroundImage:'url("'.concat(d,'")')}}),t.createElement("div",{className:r("d-flex","flex-column",!d&&"no-image")},t.createElement("div",{className:"title"},o),u&&t.createElement("div",{className:"cost"},t.createElement("div",{className:"d-flex align-items-center"},t.createElement("p",{className:"m-0"},u," ",m("Mins")))),"number"==typeof f&&f&&t.createElement("div",{className:"label"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("p",{className:"m-0"},m("from")," ",s(f,{style:"currency",currency:"GBP"}))))))};

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ActivitiesSelectedCardProps {
+    imageSrc: string;
+    title: string;
+    time: string;
+    cost: number;
+}
+export declare const ActivitiesSelectedCard: ({ imageSrc, title, time, cost, }: ActivitiesSelectedCardProps) => JSX.Element;
+//# sourceMappingURL=ActivitiesSelectedCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivitiesSelectedCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qCAKhC,2BAA2B,gBAuC7B,CAAC"}

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=require("react-i18next"),a=e(require("clsx")),c=require("react-intl");exports.ActivitiesSelectedCard=function(e){var l=e.imageSrc,i=e.title,n=e.time,s=e.cost,m=r.useTranslation("Design").t,u=c.useIntl().formatNumber;return t.createElement("div",null,t.createElement("div",{className:a("selected-activities-card")},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},i),n&&t.createElement("div",null,t.createElement("p",null,n," ",m("Mins")," ")),"number"==typeof s&&s&&t.createElement("div",null,t.createElement("p",null,m("from")," ",u(s,{style:"currency",currency:"GBP"})))),l&&t.createElement("div",{className:"image-container"},t.createElement("div",{className:"image",style:{backgroundImage:'url("'.concat(l,'")')}}))),t.createElement("hr",{className:"selected-activities-card-hr"}))};

package/dist/iframe/activities-card-page/index.d.ts

@@ -0,0 +1,3 @@
+export { ActivitiesSelectedCard } from "./components/activities-selected-card/ActivitiesSelectedCard";
+export { ActivitiesCard } from "./components/activities-card/ActivitiesCard";
+//# sourceMappingURL=index.d.ts.map

package/dist/iframe/activities-card-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activities-card-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/iframe/index.d.ts

@@ -3,6 +3,7 @@ export { PaymentForm, PaymentStatusPage, OrderItemsTable, PaymentStatusHeader, P
 export { BookingSummary, NavigationSteps, Timer, NavigationFooter, PaymentCard, BookingSummaryFooter, BookingSummaryFooterProps, CalendarStepsForm, CalendarStepsFormProps, Category, ErrorModal, useCategoryVerification, } from "./order-process";
 export { PoweredBy } from "./powered-by";
 export * from "./page";
+export { ActivitiesSelectedCard, ActivitiesCard } from "./activities-card-page";
 export { CustomDateField, CustomDateFieldProps } from "./custom-fields";
 export { SelectDateAndTimeEvent } from "./select-date-time";
 //# sourceMappingURL=index.d.ts.map

package/dist/iframe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/iframe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/iframe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./static/loader/LoaderIndicator.js"),r=require("./static/loader/BlockLoader.js"),t=require("./auth/Authorizer.js"),o=require("./static/StyledButton.js"),s=require("./auth/Router.js"),a=require("./auth/Layout/AuthNavComponent.js"),i=require("./auth/Layout/UserNavDropDown.js"),n=require("./static/Image.js"),p=require("./auth/Layout/UserNavDropDownToggle.js"),u=require("./layout/DropDown.js"),l=require("./layout/DropDownToggle.js"),m=require("./auth/Layout/UserNavComponent.js"),d=require("./static/Icon.js"),c=require("./static/SocialButton.js"),C=require("./auth/Social/SocialFormComponent.js"),S=require("./auth/Login/LoginFormComponent.js"),x=require("./static/FormCard.js"),g=require("./logo/Logo.js"),q=require("./auth/Login/LoginComponent.js"),j=require("./auth/Register/BirthDateFormComponent.js"),v=require("./static/CountrySelect.js"),P=require("./auth/Register/RegisterFormComponent.js"),E=require("./auth/Register/RegisterComponent.js"),f=require("./auth/Social/SocialCallbackComponent.js"),F=require("./auth/ResetPassword/ResetPasswordFormComponent.js"),T=require("./auth/ResetPassword/ResetPasswordComponent.js"),y=require("./static/images/index.js"),D=require("./static/TextField.js"),I=require("./static/loader/ButtonLoader.js"),b=require("./static/loader/SnippetLoader.js"),R=require("./static/loader/PaymentLoader.js"),k=require("./static/number-input/NumberInput.js"),h=require("./static/switch/Switch.js"),M=require("./static/switch/BooleanSwitch.js"),L=require("./static/text-expand/TextExpand.js"),B=require("./static/tabs/Tabs.js"),_=require("./static/RestrictedAccess.js"),A=require("./static/WarningMessage.js"),N=require("./static/date-range-input/DateRangeInput.js"),O=require("./static/manual-date-picker/ManualDatePicker.js"),w=require("./static/CurrencyNumberInput.js"),H=require("./static/form-number-input/FormNumberInput.js");require("./static/index.js");var V=require("./auth/Logout/Logout.js"),U=require("./auth/AccessDenied/AccessDenied.js"),z=require("./auth/ChangePassword/ChangePasswordFormComponent.js"),W=require("./auth/ChangePassword/ChangePasswordComponent.js"),G=require("./collapsible-input-group/CollapsibleInputGroup.js"),Q=require("./sortable-list/CreateSortableListItem.js"),Z=require("./modals/confirmation/ConfirmModal.js"),Y=require("./modals/dialog/Dialog.js"),K=require("./modals/dialog/DialogContext.js"),J=require("./product-set/elements/DeleteFieldButton.js"),X=require("./sortable-tree/SortableTree.js"),$=require("./sortable-list/SortableList.js"),ee=require("./custom-fields/field-set/CustomFieldSets.js"),re=require("./error/ErrorFallback.js"),te=require("./events/edit-event-modal/component/ProductSetShortForm/ProductSetShortForm.js"),oe=require("./table/MenuButton.js"),se=require("./product-set/card/ProductSetCard.js"),ae=require("./recurring-date-picker-input/RecurringDatePickerInput.js"),ie=require("./product-set/step/StepControl.js"),ne=require("./product-set/product-category/ProductCategoryControl.js"),pe=require("./product-set/product/booking-management/ProductBookingManagementControl.js"),ue=require("./product-set/product/deposit/ProductDepositControl.js"),le=require("./product-set/product/quantity/ProductQuantityControl.js"),me=require("./product-set/product/quantity/ProductQuantityConstantControl.js"),de=require("./product-set/product/quantity/ProductQuantityRechargingControl.js"),ce=require("./file-upload/FileUpload.js"),Ce=require("./tiptap-editor/TipTapEditor.js"),Se=require("./product-set/product/ProductControl.js"),xe=require("./events/event-venue-map/EventVenueMap.js"),ge=require("./typeahead/Typeahead.js"),qe=require("./product-set/control/ProductSetControl.js"),je=require("./product-set/deposit-paid/ProductSetDepositPaidControl.js"),ve=require("./product-set/form/ProductSetForm.js"),Pe=require("./product-set/popover/ProductSetPopover.js"),Ee=require("./product-set/tabs/ProductSetTab.js"),fe=require("./product-set/tabs/ProductSetTabs.js"),Fe=require("./events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js"),Te=require("./provider/categories-input/CategoriesInput.js"),ye=require("./provider/categories-input/CategoriesInputDescription.js"),De=require("./provider/location-input/LocationInput.js"),Ie=require("./provider/location-input/LocationInputDescription.js"),be=require("./provider/provider-links-input/ProviderLinksInput.js"),Re=require("./provider/provider-details-input/ProviderDetailsInput.js"),ke=require("./provider/provider-form/ProviderForm.js"),he=require("./provider/working-hours-input/WorkingHoursInput.js"),Me=require("./provider/working-hours-input/WorkingHoursInputDescription.js"),Le=require("./provider/venue-form/VenueForm.js"),Be=require("./provider/company/user-form/UserForm.js"),_e=require("./recurrence-input/RecurrenceInput.js"),Ae=require("./events/edit-event-modal/component/EditEventForm/EditEventForm.js"),Ne=require("./events/edit-recurrent-event-modal/EditRecurrentEventModal.js"),Oe=require("./events/event-card/EventCard.js"),we=require("./events/event-card/EventCardSkeleton.js"),He=require("./table/FilterHelperComponent.js"),Ve=require("./table/PaginationHelperComponent.js"),Ue=require("./table/PerPageHelperComponent.js"),ze=require("./table/StaticTable.js"),We=require("./table/TableHelperComponent.js"),Ge=require("./table/ReactTableHelperComponent.js"),Qe=require("./events/event-statistic-modal/EventStatisticModal.js"),Ze=require("./header/Header.js"),Ye=require("./header/BookeditHeader.js"),Ke=require("./header/LicklistHeader.js"),Je=require("./header/elements/CompanySelector.js"),Xe=require("./help/example/Example.js"),$e=require("./help/popover/HelpPopover.js"),er=require("./iframe/event/event-booking-form/EventBookingForm.js"),rr=require("./iframe/event/event-booking-view/EventBookingView.js"),tr=require("./iframe/event/event-card/IframeEventCard.js"),or=require("./iframe/event/event-card/IframeEventCardSkeleton.js"),sr=require("./iframe/event/ticket-description/TicketDescription.js"),ar=require("./iframe/event/event-details/EventDetails.js"),ir=require("./iframe/event/event-tables/EventTables.js"),nr=require("./iframe/event/event-order-summary/EventOrderSummary.js"),pr=require("./iframe/event/event-booking-products/EventBookingProducts.js"),ur=require("./iframe/event/event-order-short-summary/EventOrderShortSummary.js"),lr=require("./iframe/order-process/components/NavigationFooter/NavigationFooter.js"),mr=require("./iframe/event/event-description/EventDescription.js"),dr=require("./iframe/event/event-product-sets/EventProductSets.js"),cr=require("./iframe/event/event-calendar/EventCalendar.js"),Cr=require("./iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js"),Sr=require("./iframe/event/event-venue-map/IframeEventVenueMap.js"),xr=require("./iframe/payment/payment-form/PaymentForm.js"),gr=require("./iframe/payment/order-items-table/OrderItemsTable.js"),qr=require("./snippet/snippet-template/context/snippetTemplate.js"),jr=require("./iframe/page/components/PageHeader/PageHeader.js"),vr=require("./iframe/payment/payment-status-header/PaymentStatusHeader.js"),Pr=require("./iframe/order-process/components/BookingSummary/BookingSummary.js"),Er=require("./iframe/order-process/components/NavigationSteps/NavigationSteps.js"),fr=require("./iframe/order-process/components/Timer/Timer.js"),Fr=require("./iframe/order-process/components/PaymentCard/PaymentCard.js"),Tr=require("./iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),yr=require("./iframe/order-process/components/ErrorModal/ErrorModal.js"),Dr=require("./iframe/page/components/PageBody/PageBody.js"),Ir=require("./iframe/order-process/components/utils/useCategoryVerification.js"),br=require("./iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),Rr=require("./iframe/order-process/components/Category/Category.js"),kr=require("./iframe/powered-by/PoweredBy.js"),hr=require("./iframe/page/Page.js"),Mr=require("./iframe/payment/payment-page/PaymentPage.js"),Lr=require("./iframe/payment/payment-status-page/PaymentStatusPage.js"),Br=require("./iframe/custom-fields/components/CustomDateField.js"),_r=require("./iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.js"),Ar=require("./layout/Container.js"),Nr=require("./layout/BackgroundVideoContainer.js"),Or=require("./sales/statistics-chart/StatisticsChart.js"),wr=require("./sales/life-time-sales/LifeTimeSalesChart.js"),Hr=require("./sales/sales-and-views/SalesAndViewsChart.js"),Vr=require("./sales/source-of-sales/SourceOfSalesChart.js"),Ur=require("./sales/filters/SaleFilters.js"),zr=require("./sales/guest-profile/profile/components/ImageHolder/ImageHolder.js"),Wr=require("./sales/guest-profile/profile/Profile.js"),Gr=require("./sales/guest-profile/user-metrics/UserMetrics.js"),Qr=require("./sales/guest-profile/previous-bookings/PreviousBookings.js"),Zr=require("./sales/guest-profile/visited-providers/VisitedProviders.js"),Yr=require("./sales/coupon/form/CouponFrom.js"),Kr=require("./sales/manual-booking/select-event/SelectEvent.js"),Jr=require("./sales/manual-booking/number-input-horizontal/NumberInputHorizontal.js"),Xr=require("./sales/manual-booking/category-product/CategoryProduct.js"),$r=require("./sales/manual-booking/category-products/CategoryProducts.js"),et=require("./sales/manual-booking/controll/ManualBookingStepsControll.js"),rt=require("./typeahead-helper/TypeaheadHelperComponent.js"),tt=require("./sales/manual-booking/customer-info/CustomerInfo.js"),ot=require("./sales/manual-booking/final-step/FinalStep.js"),st=require("./sales/manual-booking/summary/ManualBookingSummary.js"),at=require("./sales/manual-booking/select-date-type-control/SelectDateTypeControl.js"),it=require("./sales/manual-booking/select-menu/SelectMenu.js"),nt=require("./sales/modals/refund-modal/RefundModal.js"),pt=require("./sales/payment-form/components/RyftPayment/RyftPayment.js"),ut=require("./sales/payment-form/SalePaymentForm.js"),lt=require("./sales/modals/payment-modal/PaymentModal.js"),mt=require("./sales/booking/filter/AdditionalFilterSection.js"),dt=require("./sales/booking/filter/MainFilterSection.js"),ct=require("./sales/booking/filter/ResultTagButton.js"),Ct=require("./sales/booking/filter/SearchingForSection.js"),St=require("./sales/booking/results/constants.js"),xt=require("./sales/booking/results/BookingResults.js"),gt=require("./sales/notes/NotesTable.js"),qt=require("./setting/system/SystemSettingForm.js"),jt=require("./setting/admin/AdminSettingForm.js"),vt=require("./setting/dashboard/DashboardSettingForm.js"),Pt=require("./setting/dashboard/snippets/card/SnippetCard.js"),Et=require("./setting/dashboard/snippet-templates/card/SnippetTemplateCard.js"),ft=require("./setting/dashboard/payments/payments-form/PaymentsForm.js"),Ft=require("./setting/dashboard/payments/payments-modal/PaymentsModal.js"),Tt=require("./sidebar/elements/ReturnBack.js"),yt=require("./snippet/snippet-template/context/snippetTemplateLoading.js"),Dt=require("./snippet/snippet-template/context/snippetTemplateView.js"),It=require("./snippet/snippet-template/control/PropertyControl.js"),bt=require("./snippet/snippet-template/form/SnippetTemplateForm.js"),Rt=require("./snippet/snippet-template/settings/SettingButton.js"),kt=require("./snippet/snippet-template/preview/Preview.js"),ht=require("./snippet/snippet-template/SnippetTemplate.js"),Mt=require("./notification/email-template/control/EmailTemplateControl.js"),Lt=require("./notification/email-template/form/EmailTemplateForm.js"),Bt=require("./notification/email-template/card/EmailTemplateCard.js"),_t=require("./notification/sms-template/control/SmsTemplateControl.js"),At=require("./notification/sms-template/form/SmsTemplateForm.js"),Nt=require("./notification/sms-template/card/SmsTemplateCard.js"),Ot=require("./notification/send-email-template/SendEmailTemplateForm.js"),wt=require("./report/card/ReportCard.js"),Ht=require("./report/form/ReportForm.js"),Vt=require("./venue-map-sets/card/VenueMapSetCard.js"),Ut=require("./venue-map-sets/form/VenueMapSetForm.js"),zt=require("./affiliate/card/AffiliateCard.js"),Wt=require("./affiliate/form/AffiliateControl.js"),Gt=require("./affiliate/form/AffiliateForm.js"),Qt=require("./zone/card/ZoneCard.js"),Zt=require("./zone/form/ZoneForm.js"),Yt=require("./resource/form/ResourceForm.js"),Kt=require("./resource/card/ResourceCard.js"),Jt=require("./virtualized/context/VirtualizedContext.js"),Xt=require("./virtualized/components/VirtualizedGrid.js"),$t=require("./virtualized/components/VirtualizedWindowScroller.js"),eo=require("./customers/components/filter/CustomerFilter.js"),ro=require("./striped-static-table/StripedStaticTable.js"),to=require("./radio-card/RadioCard.js"),oo=require("./image-radio-input/ImageRadioInput.js"),so=require("./sorting-select/SortingSelect.js");exports.LoaderIndicator=e.LoaderIndicator,exports.BlockLoader=r.BlockLoader,exports.Authorizer=t.Authorizer,exports.StyledButton=o.default,exports.Router=s.Router,exports.AuthNavComponent=a.AuthNavComponent,exports.UserNavDropDown=i.UserNavDropDown,exports.Image=n.default,exports.UserNavDropDownToggle=p.UserNavDropDownToggle,exports.DropDown=u.default,exports.DropDownToggle=l.default,exports.UserNavComponent=m.UserNavComponent,exports.Icon=d.default,exports.SocialButton=c.default,exports.SocialFormComponent=C.SocialFormComponent,exports.LoginFormComponent=S.LoginFormComponent,exports.FormCard=x.default,exports.Logo=g.default,exports.LoginComponent=q.LoginComponent,exports.BirthDateFormComponent=j.BirthDateFormComponent,exports.CountrySelect=v.default,exports.RegisterFormComponent=P.RegisterFormComponent,exports.RegisterComponent=E.RegisterComponent,exports.SocialCallbackComponent=f.SocialCallbackComponent,exports.ResetPasswordFormComponent=F.ResetPasswordFormComponent,exports.ResetPasswordComponent=T.ResetPasswordComponent,exports.Images=y,exports.TextField=D.TextField,exports.ButtonLoader=I.ButtonLoader,exports.SnippetLoader=b.SnippetLoader,exports.PaymentLoader=R.PaymentLoader,exports.NumberInput=k.NumberInput,exports.Switch=h.Switch,exports.BooleanSwitch=M.BooleanSwitch,exports.TextExpand=L.TextExpand,exports.Tabs=B.Tabs,exports.RestrictedAccess=_.default,exports.WarningMessage=A.default,exports.DateRangeInput=N.DateRangeInput,exports.ManualDatePicker=O.ManualDatePicker,exports.CurrencyNumberInput=w.CurrencyNumberInput,exports.FormNumberInput=H.FormNumberInput,exports.Logout=V.Logout,exports.AccessDenied=U.AccessDenied,exports.ChangePasswordFormComponent=z.ChangePasswordFormComponent,exports.ChangePasswordComponent=W.ChangePasswordComponent,exports.CollapsibleInputGroup=G.CollapsibleInputGroup,exports.CreateSortableListItem=Q.CreateSortableListItem,exports.CONFIRM_MODAL_ACTIONS=Z.CONFIRM_MODAL_ACTIONS,exports.CONFIRM_MODAL_ACTION_CONFIRM=Z.CONFIRM_MODAL_ACTION_CONFIRM,exports.CONFIRM_MODAL_ACTION_DECLINE=Z.CONFIRM_MODAL_ACTION_DECLINE,exports.ConfirmModal=Z.ConfirmModal,exports.ConfirmModalType=Z.ConfirmModalType,exports.Dialog=Y.Dialog,exports.DialogContext=K.DialogContext,exports.DialogContextProvider=K.DialogContextProvider,exports.useDialogContext=K.useDialogContext,exports.DeleteFieldButton=J.DeleteFieldButton,exports.SortableTree=X.SortableTree,exports.SORTABLE_ID_KEY=$.SORTABLE_ID_KEY,exports.SortableList=$.SortableList,exports.CustomFieldSets=ee.CustomFieldSets,exports.ErrorFallback=re.ErrorFallback,exports.ProductSetShortForm=te.ProductSetShortForm,exports.MenuButton=oe.MenuButton,exports.ProductSetCard=se.ProductSetCard,exports.RecurringDatePickerInput=ae.RecurringDatePickerInput,exports.StepControl=ie.StepControl,exports.ProductCategoryControl=ne.ProductCategoryControl,exports.ProductBookingManagementControl=pe.ProductBookingManagementControl,exports.ProductDepositControl=ue.ProductDepositControl,exports.ProductQuantityControl=le.ProductQuantityControl,exports.ProductQuantityConstantControl=me.ProductQuantityConstantControl,exports.ProductQuantityRechargingControl=de.ProductQuantityRechargingControl,exports.FileUpload=ce.FileUpload,exports.TipTapEditor=Ce.TipTapEditor,exports.ProductControl=Se.ProductControl,exports.EventVenueMap=xe.EventVenueMap,exports.Typeahead=ge.Typeahead,exports.ProductSetControl=qe.ProductSetControl,exports.ProductSetDepositPaidControl=je.ProductSetDepositPaidControl,exports.ProductSetForm=ve.ProductSetForm,exports.ProductSetPopover=Pe.ProductSetPopover,exports.ProductSetTab=Ee.ProductSetTab,exports.ProductSetTabs=fe.ProductSetTabs,exports.SelectEventProductSet=Fe.SelectEventProductSet,exports.CategoriesInput=Te.CategoriesInput,exports.CategoriesInputDescription=ye.CategoriesInputDescription,exports.LocationInput=De.LocationInput,exports.LocationInputDescription=Ie.LocationInputDescription,exports.ProviderLinksInput=be.ProviderLinksInput,exports.ProviderDetailsInput=Re.ProviderDetailsInput,exports.ProviderForm=ke.ProviderForm,exports.WorkingHoursInput=he.WorkingHoursInput,exports.WorkingHoursInputDescription=Me.WorkingHoursInputDescription,exports.VenueForm=Le.VenueForm,exports.UserForm=Be.UserForm,exports.RecurrenceInput=_e.RecurrenceInput,exports.EditEventForm=Ae.EditEventForm,exports.DEFAULT_RECURRENT_MODE_TYPE=Ne.DEFAULT_RECURRENT_MODE_TYPE,exports.EditRecurrentEventModal=Ne.EditRecurrentEventModal,exports.MODE_ALL_EVENTS=Ne.MODE_ALL_EVENTS,exports.MODE_THIS_AND_FOLLOWING_EVENTS=Ne.MODE_THIS_AND_FOLLOWING_EVENTS,exports.MODE_THIS_EVENT=Ne.MODE_THIS_EVENT,exports.RECURRENT_MODE_TYPES_LIST=Ne.RECURRENT_MODE_TYPES_LIST,exports.EventCard=Oe.EventCard,exports.EventCardSkeleton=we.EventCardSkeleton,exports.FilterHelperComponent=He.FilterHelperComponent,exports.PaginationHelperComponent=Ve.PaginationHelperComponent,exports.PerPageHelperComponent=Ue.PerPageHelperComponent,exports.StaticTable=ze.StaticTable,exports.TableHelperComponent=We.TableHelperComponent,exports.ReactTableHelperComponent=Ge.ReactTableHelperComponent,exports.EventStatisticModal=Qe.EventStatisticModal,exports.Header=Ze.default,exports.BookeditHeader=Ye.default,exports.LicklistHeader=Ke.default,exports.CompanySelector=Je.default,exports.Example=Xe.Example,exports.ExampleContent=Xe.ExampleContent,exports.ExampleToggle=Xe.ExampleToggle,exports.HelpPopover=$e.HelpPopover,exports.EventBookingForm=er.EventBookingForm,exports.EventBookingView=rr.EventBookingView,exports.IframeEventCard=tr.IframeEventCard,exports.IframeEventCardSkeleton=or.IframeEventCardSkeleton,exports.TicketDescription=sr.TicketDescription,exports.EventDetails=ar.EventDetails,exports.EventTables=ir.EventTables,exports.EventOrderSummary=nr.EventOrderSummary,exports.EventBookingProducts=pr.EventBookingProducts,exports.EventOrderShortSummary=ur.EventOrderShortSummary,exports.NavigationFooter=lr.NavigationFooter,exports.EventDescription=mr.EventDescription,exports.EventProductSets=dr.EventProductSets,exports.EventCalendar=cr.EventCalendar,exports.EventStepVenueMapZones=Cr.EventStepVenueMapZones,exports.IframeEventVenueMap=Sr.IframeEventVenueMap,exports.PaymentForm=xr.PaymentForm,exports.OrderItemsTable=gr.OrderItemsTable,exports.SnippetTemplateContext=qr,exports.PageHeader=jr.PageHeader,exports.PaymentStatusHeader=vr.PaymentStatusHeader,exports.BookingSummary=Pr.BookingSummary,exports.NavigationSteps=Er.NavigationSteps,exports.Timer=fr.Timer,exports.PaymentCard=Fr.PaymentCard,exports.BookingSummaryFooter=Tr.BookingSummaryFooter,exports.ErrorModal=yr.ErrorModal,exports.PageBody=Dr.PageBody,exports.useCategoryVerification=Ir.useCategoryVerification,exports.CalendarStepsForm=br.CalendarStepsForm,exports.Category=Rr.Category,exports.PoweredBy=kr.PoweredBy,exports.Page=hr.Page,exports.PaymentPage=Mr.PaymentPage,exports.PaymentStatusPage=Lr.PaymentStatusPage,exports.CustomDateField=Br.CustomDateField,exports.SelectDateAndTimeEvent=_r.SelectDateAndTimeEvent,exports.Container=Ar.default,exports.BackgroundVideoContainer=Nr.default,exports.StatisticsChart=Or.StatisticsChart,exports.DEFAULT_SALES_PERIOD=wr.DEFAULT_SALES_PERIOD,exports.LifeTimeSalesChart=wr.LifeTimeSalesChart,exports.SALES_PERIOD_LIFETIME=wr.SALES_PERIOD_LIFETIME,exports.SALES_PERIOD_THIS_MONTH=wr.SALES_PERIOD_THIS_MONTH,exports.SALES_PERIOD_THIS_WEEK=wr.SALES_PERIOD_THIS_WEEK,exports.SALES_PERIOD_TODAY=wr.SALES_PERIOD_TODAY,exports.SalesAndViewsChart=Hr.SalesAndViewsChart,exports.SourceOfSalesChart=Vr.SourceOfSalesChart,exports.SaleFilters=Ur.SaleFilters,exports.ImageHolder=zr.ImageHolder,exports.Profile=Wr.Profile,exports.UserMetrics=Gr.UserMetrics,exports.PreviousBookings=Qr.PreviousBookings,exports.VisitedProviders=Zr.VisitedProviders,exports.CouponForm=Yr.CouponForm,exports.EventCardManualBooking=Kr.EventCardManualBooking,exports.SelectEvent=Kr.SelectEvent,exports.NumberInputHorizontal=Jr.NumberInputHorizontal,exports.CategoryProduct=Xr.CategoryProduct,exports.CategoryProducts=$r.CategoryProducts,exports.ManualBookingStepsControll=et.ManualBookingStepsControll,exports.TypeaheadHelperComponent=rt.TypeaheadHelperComponent,exports.CustomerInfo=tt.CustomerInfo,exports.FinalStep=ot.FinalStep,exports.ManualBookingSummary=st.ManualBookingSummary,exports.SelectDateTypeControl=at.SelectDateTypeControl,exports.SelectMenu=it.SelectMenu,exports.RefundModal=nt.RefundModal,exports.RyftPayment=pt.RyftPayment,exports.SalePaymentForm=ut.SalePaymentForm,exports.PaymentModal=lt.PaymentModal,exports.AdditionalFilterSection=mt.AdditionalFilterSection,exports.MainFilterSection=dt.MainFilterSection,exports.ResultTagButton=ct.ResultTagButton,exports.SearchingForSection=Ct.SearchingForSection,exports.BACKGROUND_COLOR_CLASSNAMES=St.BACKGROUND_COLOR_CLASSNAMES,exports.BookingResults=xt.BookingResults,exports.NotesTable=gt.NotesTable,exports.SystemSettingForm=qt.SystemSettingForm,exports.AdminSettingForm=jt.AdminSettingForm,exports.DashboardSettingForm=vt.DashboardSettingForm,exports.SnippetCard=Pt.SnippetCard,exports.SnippetTemplateCard=Et.SnippetTemplateCard,exports.PaymentsForm=ft.PaymentsForm,exports.PaymentsModal=Ft.PaymentsModal,exports.ReturnBack=Tt.default,exports.SnippetTemplateLoadingContext=yt,exports.SnippetTemplateViewContext=Dt,exports.PropertyControl=It.PropertyControl,exports.SnippetTemplateForm=bt.SnippetTemplateForm,exports.SettingButton=Rt.SettingButton,exports.Preview=kt.Preview,exports.SnippetTemplate=ht.SnippetTemplate,exports.EmailTemplateControl=Mt.EmailTemplateControl,exports.EmailTemplateForm=Lt.EmailTemplateForm,exports.EmailTemplateCard=Bt.EmailTemplateCard,exports.SmsTemplateControl=_t.SmsTemplateControl,exports.SmsTemplateForm=At.SmsTemplateForm,exports.SmsTemplateCard=Nt.SmsTemplateCard,exports.SendEmailTemplateForm=Ot.SendEmailTemplateForm,exports.ReportCard=wt.ReportCard,exports.ReportForm=Ht.ReportForm,exports.VenueMapSetCard=Vt.VenueMapSetCard,exports.VenueMapSetForm=Ut.VenueMapSetForm,exports.AffiliateCard=zt.AffiliateCard,exports.AffiliateControl=Wt.AffiliateControl,exports.AffiliateForm=Gt.AffiliateForm,exports.ZoneCard=Qt.ZoneCard,exports.ZoneForm=Zt.ZoneForm,exports.ResourceForm=Yt.ResourceForm,exports.ResourceCard=Kt.ResourceCard,exports.VirtualizedContext=Jt.VirtualizedContext,exports.VirtualizedContextProvider=Jt.VirtualizedContextProvider,exports.VirtualizedGrid=Xt.VirtualizedGrid,exports.VirtualizedWindowScroller=$t.VirtualizedWindowScroller,exports.CustomerFilter=eo.CustomerFilter,exports.StripedStaticTable=ro.StripedStaticTable,exports.RadioCard=to.RadioCard,exports.ImageRadioInput=oo.ImageRadioInput,exports.SortingSelect=so.SortingSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./static/loader/LoaderIndicator.js"),r=require("./static/loader/BlockLoader.js"),t=require("./auth/Authorizer.js"),o=require("./static/StyledButton.js"),s=require("./auth/Router.js"),a=require("./auth/Layout/AuthNavComponent.js"),i=require("./auth/Layout/UserNavDropDown.js"),n=require("./static/Image.js"),p=require("./auth/Layout/UserNavDropDownToggle.js"),u=require("./layout/DropDown.js"),l=require("./layout/DropDownToggle.js"),m=require("./auth/Layout/UserNavComponent.js"),d=require("./static/Icon.js"),c=require("./static/SocialButton.js"),C=require("./auth/Social/SocialFormComponent.js"),S=require("./auth/Login/LoginFormComponent.js"),x=require("./static/FormCard.js"),g=require("./logo/Logo.js"),q=require("./auth/Login/LoginComponent.js"),j=require("./auth/Register/BirthDateFormComponent.js"),v=require("./static/CountrySelect.js"),P=require("./auth/Register/RegisterFormComponent.js"),E=require("./auth/Register/RegisterComponent.js"),f=require("./auth/Social/SocialCallbackComponent.js"),F=require("./auth/ResetPassword/ResetPasswordFormComponent.js"),T=require("./auth/ResetPassword/ResetPasswordComponent.js"),y=require("./static/images/index.js"),D=require("./static/TextField.js"),I=require("./static/loader/ButtonLoader.js"),b=require("./static/loader/SnippetLoader.js"),R=require("./static/loader/PaymentLoader.js"),k=require("./static/number-input/NumberInput.js"),h=require("./static/switch/Switch.js"),M=require("./static/switch/BooleanSwitch.js"),L=require("./static/text-expand/TextExpand.js"),A=require("./static/tabs/Tabs.js"),B=require("./static/RestrictedAccess.js"),_=require("./static/WarningMessage.js"),N=require("./static/date-range-input/DateRangeInput.js"),O=require("./static/manual-date-picker/ManualDatePicker.js"),w=require("./static/CurrencyNumberInput.js"),H=require("./static/form-number-input/FormNumberInput.js");require("./static/index.js");var V=require("./auth/Logout/Logout.js"),U=require("./auth/AccessDenied/AccessDenied.js"),z=require("./auth/ChangePassword/ChangePasswordFormComponent.js"),W=require("./auth/ChangePassword/ChangePasswordComponent.js"),G=require("./collapsible-input-group/CollapsibleInputGroup.js"),Q=require("./sortable-list/CreateSortableListItem.js"),Z=require("./modals/confirmation/ConfirmModal.js"),Y=require("./modals/dialog/Dialog.js"),K=require("./modals/dialog/DialogContext.js"),J=require("./product-set/elements/DeleteFieldButton.js"),X=require("./sortable-tree/SortableTree.js"),$=require("./sortable-list/SortableList.js"),ee=require("./custom-fields/field-set/CustomFieldSets.js"),re=require("./error/ErrorFallback.js"),te=require("./events/edit-event-modal/component/ProductSetShortForm/ProductSetShortForm.js"),oe=require("./table/MenuButton.js"),se=require("./product-set/card/ProductSetCard.js"),ae=require("./recurring-date-picker-input/RecurringDatePickerInput.js"),ie=require("./product-set/step/StepControl.js"),ne=require("./product-set/product-category/ProductCategoryControl.js"),pe=require("./product-set/product/booking-management/ProductBookingManagementControl.js"),ue=require("./product-set/product/deposit/ProductDepositControl.js"),le=require("./product-set/product/quantity/ProductQuantityControl.js"),me=require("./product-set/product/quantity/ProductQuantityConstantControl.js"),de=require("./product-set/product/quantity/ProductQuantityRechargingControl.js"),ce=require("./file-upload/FileUpload.js"),Ce=require("./tiptap-editor/TipTapEditor.js"),Se=require("./product-set/product/ProductControl.js"),xe=require("./events/event-venue-map/EventVenueMap.js"),ge=require("./typeahead/Typeahead.js"),qe=require("./product-set/control/ProductSetControl.js"),je=require("./product-set/deposit-paid/ProductSetDepositPaidControl.js"),ve=require("./product-set/form/ProductSetForm.js"),Pe=require("./product-set/popover/ProductSetPopover.js"),Ee=require("./product-set/tabs/ProductSetTab.js"),fe=require("./product-set/tabs/ProductSetTabs.js"),Fe=require("./events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js"),Te=require("./provider/categories-input/CategoriesInput.js"),ye=require("./provider/categories-input/CategoriesInputDescription.js"),De=require("./provider/location-input/LocationInput.js"),Ie=require("./provider/location-input/LocationInputDescription.js"),be=require("./provider/provider-links-input/ProviderLinksInput.js"),Re=require("./provider/provider-details-input/ProviderDetailsInput.js"),ke=require("./provider/provider-form/ProviderForm.js"),he=require("./provider/working-hours-input/WorkingHoursInput.js"),Me=require("./provider/working-hours-input/WorkingHoursInputDescription.js"),Le=require("./provider/venue-form/VenueForm.js"),Ae=require("./provider/company/user-form/UserForm.js"),Be=require("./recurrence-input/RecurrenceInput.js"),_e=require("./events/edit-event-modal/component/EditEventForm/EditEventForm.js"),Ne=require("./events/edit-recurrent-event-modal/EditRecurrentEventModal.js"),Oe=require("./events/event-card/EventCard.js"),we=require("./events/event-card/EventCardSkeleton.js"),He=require("./table/FilterHelperComponent.js"),Ve=require("./table/PaginationHelperComponent.js"),Ue=require("./table/PerPageHelperComponent.js"),ze=require("./table/StaticTable.js"),We=require("./table/TableHelperComponent.js"),Ge=require("./table/ReactTableHelperComponent.js"),Qe=require("./events/event-statistic-modal/EventStatisticModal.js"),Ze=require("./header/Header.js"),Ye=require("./header/BookeditHeader.js"),Ke=require("./header/LicklistHeader.js"),Je=require("./header/elements/CompanySelector.js"),Xe=require("./help/example/Example.js"),$e=require("./help/popover/HelpPopover.js"),er=require("./iframe/event/event-booking-form/EventBookingForm.js"),rr=require("./iframe/event/event-booking-view/EventBookingView.js"),tr=require("./iframe/event/event-card/IframeEventCard.js"),or=require("./iframe/event/event-card/IframeEventCardSkeleton.js"),sr=require("./iframe/event/ticket-description/TicketDescription.js"),ar=require("./iframe/event/event-details/EventDetails.js"),ir=require("./iframe/event/event-tables/EventTables.js"),nr=require("./iframe/event/event-order-summary/EventOrderSummary.js"),pr=require("./iframe/event/event-booking-products/EventBookingProducts.js"),ur=require("./iframe/event/event-order-short-summary/EventOrderShortSummary.js"),lr=require("./iframe/order-process/components/NavigationFooter/NavigationFooter.js"),mr=require("./iframe/event/event-description/EventDescription.js"),dr=require("./iframe/event/event-product-sets/EventProductSets.js"),cr=require("./iframe/event/event-calendar/EventCalendar.js"),Cr=require("./iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js"),Sr=require("./iframe/event/event-venue-map/IframeEventVenueMap.js"),xr=require("./iframe/payment/payment-form/PaymentForm.js"),gr=require("./iframe/payment/order-items-table/OrderItemsTable.js"),qr=require("./snippet/snippet-template/context/snippetTemplate.js"),jr=require("./iframe/page/components/PageHeader/PageHeader.js"),vr=require("./iframe/payment/payment-status-header/PaymentStatusHeader.js"),Pr=require("./iframe/order-process/components/BookingSummary/BookingSummary.js"),Er=require("./iframe/order-process/components/NavigationSteps/NavigationSteps.js"),fr=require("./iframe/order-process/components/Timer/Timer.js"),Fr=require("./iframe/order-process/components/PaymentCard/PaymentCard.js"),Tr=require("./iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),yr=require("./iframe/order-process/components/ErrorModal/ErrorModal.js"),Dr=require("./iframe/page/components/PageBody/PageBody.js"),Ir=require("./iframe/order-process/components/utils/useCategoryVerification.js"),br=require("./iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),Rr=require("./iframe/order-process/components/Category/Category.js"),kr=require("./iframe/powered-by/PoweredBy.js"),hr=require("./iframe/page/Page.js"),Mr=require("./iframe/payment/payment-page/PaymentPage.js"),Lr=require("./iframe/payment/payment-status-page/PaymentStatusPage.js"),Ar=require("./iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.js"),Br=require("./iframe/activities-card-page/components/activities-card/ActivitiesCard.js"),_r=require("./iframe/custom-fields/components/CustomDateField.js"),Nr=require("./iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.js"),Or=require("./layout/Container.js"),wr=require("./layout/BackgroundVideoContainer.js"),Hr=require("./sales/statistics-chart/StatisticsChart.js"),Vr=require("./sales/life-time-sales/LifeTimeSalesChart.js"),Ur=require("./sales/sales-and-views/SalesAndViewsChart.js"),zr=require("./sales/source-of-sales/SourceOfSalesChart.js"),Wr=require("./sales/filters/SaleFilters.js"),Gr=require("./sales/guest-profile/profile/components/ImageHolder/ImageHolder.js"),Qr=require("./sales/guest-profile/profile/Profile.js"),Zr=require("./sales/guest-profile/user-metrics/UserMetrics.js"),Yr=require("./sales/guest-profile/previous-bookings/PreviousBookings.js"),Kr=require("./sales/guest-profile/visited-providers/VisitedProviders.js"),Jr=require("./sales/coupon/form/CouponFrom.js"),Xr=require("./sales/manual-booking/select-event/SelectEvent.js"),$r=require("./sales/manual-booking/number-input-horizontal/NumberInputHorizontal.js"),et=require("./sales/manual-booking/category-product/CategoryProduct.js"),rt=require("./sales/manual-booking/category-products/CategoryProducts.js"),tt=require("./sales/manual-booking/controll/ManualBookingStepsControll.js"),ot=require("./typeahead-helper/TypeaheadHelperComponent.js"),st=require("./sales/manual-booking/customer-info/CustomerInfo.js"),at=require("./sales/manual-booking/final-step/FinalStep.js"),it=require("./sales/manual-booking/summary/ManualBookingSummary.js"),nt=require("./sales/manual-booking/select-date-type-control/SelectDateTypeControl.js"),pt=require("./sales/manual-booking/select-menu/SelectMenu.js"),ut=require("./sales/modals/refund-modal/RefundModal.js"),lt=require("./sales/payment-form/components/RyftPayment/RyftPayment.js"),mt=require("./sales/payment-form/SalePaymentForm.js"),dt=require("./sales/modals/payment-modal/PaymentModal.js"),ct=require("./sales/booking/filter/AdditionalFilterSection.js"),Ct=require("./sales/booking/filter/MainFilterSection.js"),St=require("./sales/booking/filter/ResultTagButton.js"),xt=require("./sales/booking/filter/SearchingForSection.js"),gt=require("./sales/booking/results/constants.js"),qt=require("./sales/booking/results/BookingResults.js"),jt=require("./sales/notes/NotesTable.js"),vt=require("./setting/system/SystemSettingForm.js"),Pt=require("./setting/admin/AdminSettingForm.js"),Et=require("./setting/dashboard/DashboardSettingForm.js"),ft=require("./setting/dashboard/snippets/card/SnippetCard.js"),Ft=require("./setting/dashboard/snippet-templates/card/SnippetTemplateCard.js"),Tt=require("./setting/dashboard/payments/payments-form/PaymentsForm.js"),yt=require("./setting/dashboard/payments/payments-modal/PaymentsModal.js"),Dt=require("./sidebar/elements/ReturnBack.js"),It=require("./snippet/snippet-template/context/snippetTemplateLoading.js"),bt=require("./snippet/snippet-template/context/snippetTemplateView.js"),Rt=require("./snippet/snippet-template/control/PropertyControl.js"),kt=require("./snippet/snippet-template/form/SnippetTemplateForm.js"),ht=require("./snippet/snippet-template/settings/SettingButton.js"),Mt=require("./snippet/snippet-template/preview/Preview.js"),Lt=require("./snippet/snippet-template/SnippetTemplate.js"),At=require("./notification/email-template/control/EmailTemplateControl.js"),Bt=require("./notification/email-template/form/EmailTemplateForm.js"),_t=require("./notification/email-template/card/EmailTemplateCard.js"),Nt=require("./notification/sms-template/control/SmsTemplateControl.js"),Ot=require("./notification/sms-template/form/SmsTemplateForm.js"),wt=require("./notification/sms-template/card/SmsTemplateCard.js"),Ht=require("./notification/send-email-template/SendEmailTemplateForm.js"),Vt=require("./report/card/ReportCard.js"),Ut=require("./report/form/ReportForm.js"),zt=require("./venue-map-sets/card/VenueMapSetCard.js"),Wt=require("./venue-map-sets/form/VenueMapSetForm.js"),Gt=require("./affiliate/card/AffiliateCard.js"),Qt=require("./affiliate/form/AffiliateControl.js"),Zt=require("./affiliate/form/AffiliateForm.js"),Yt=require("./zone/card/ZoneCard.js"),Kt=require("./zone/form/ZoneForm.js"),Jt=require("./resource/form/ResourceForm.js"),Xt=require("./resource/card/ResourceCard.js"),$t=require("./virtualized/context/VirtualizedContext.js"),eo=require("./virtualized/components/VirtualizedGrid.js"),ro=require("./virtualized/components/VirtualizedWindowScroller.js"),to=require("./customers/components/filter/CustomerFilter.js"),oo=require("./striped-static-table/StripedStaticTable.js"),so=require("./radio-card/RadioCard.js"),ao=require("./image-radio-input/ImageRadioInput.js"),io=require("./sorting-select/SortingSelect.js");exports.LoaderIndicator=e.LoaderIndicator,exports.BlockLoader=r.BlockLoader,exports.Authorizer=t.Authorizer,exports.StyledButton=o.default,exports.Router=s.Router,exports.AuthNavComponent=a.AuthNavComponent,exports.UserNavDropDown=i.UserNavDropDown,exports.Image=n.default,exports.UserNavDropDownToggle=p.UserNavDropDownToggle,exports.DropDown=u.default,exports.DropDownToggle=l.default,exports.UserNavComponent=m.UserNavComponent,exports.Icon=d.default,exports.SocialButton=c.default,exports.SocialFormComponent=C.SocialFormComponent,exports.LoginFormComponent=S.LoginFormComponent,exports.FormCard=x.default,exports.Logo=g.default,exports.LoginComponent=q.LoginComponent,exports.BirthDateFormComponent=j.BirthDateFormComponent,exports.CountrySelect=v.default,exports.RegisterFormComponent=P.RegisterFormComponent,exports.RegisterComponent=E.RegisterComponent,exports.SocialCallbackComponent=f.SocialCallbackComponent,exports.ResetPasswordFormComponent=F.ResetPasswordFormComponent,exports.ResetPasswordComponent=T.ResetPasswordComponent,exports.Images=y,exports.TextField=D.TextField,exports.ButtonLoader=I.ButtonLoader,exports.SnippetLoader=b.SnippetLoader,exports.PaymentLoader=R.PaymentLoader,exports.NumberInput=k.NumberInput,exports.Switch=h.Switch,exports.BooleanSwitch=M.BooleanSwitch,exports.TextExpand=L.TextExpand,exports.Tabs=A.Tabs,exports.RestrictedAccess=B.default,exports.WarningMessage=_.default,exports.DateRangeInput=N.DateRangeInput,exports.ManualDatePicker=O.ManualDatePicker,exports.CurrencyNumberInput=w.CurrencyNumberInput,exports.FormNumberInput=H.FormNumberInput,exports.Logout=V.Logout,exports.AccessDenied=U.AccessDenied,exports.ChangePasswordFormComponent=z.ChangePasswordFormComponent,exports.ChangePasswordComponent=W.ChangePasswordComponent,exports.CollapsibleInputGroup=G.CollapsibleInputGroup,exports.CreateSortableListItem=Q.CreateSortableListItem,exports.CONFIRM_MODAL_ACTIONS=Z.CONFIRM_MODAL_ACTIONS,exports.CONFIRM_MODAL_ACTION_CONFIRM=Z.CONFIRM_MODAL_ACTION_CONFIRM,exports.CONFIRM_MODAL_ACTION_DECLINE=Z.CONFIRM_MODAL_ACTION_DECLINE,exports.ConfirmModal=Z.ConfirmModal,exports.ConfirmModalType=Z.ConfirmModalType,exports.Dialog=Y.Dialog,exports.DialogContext=K.DialogContext,exports.DialogContextProvider=K.DialogContextProvider,exports.useDialogContext=K.useDialogContext,exports.DeleteFieldButton=J.DeleteFieldButton,exports.SortableTree=X.SortableTree,exports.SORTABLE_ID_KEY=$.SORTABLE_ID_KEY,exports.SortableList=$.SortableList,exports.CustomFieldSets=ee.CustomFieldSets,exports.ErrorFallback=re.ErrorFallback,exports.ProductSetShortForm=te.ProductSetShortForm,exports.MenuButton=oe.MenuButton,exports.ProductSetCard=se.ProductSetCard,exports.RecurringDatePickerInput=ae.RecurringDatePickerInput,exports.StepControl=ie.StepControl,exports.ProductCategoryControl=ne.ProductCategoryControl,exports.ProductBookingManagementControl=pe.ProductBookingManagementControl,exports.ProductDepositControl=ue.ProductDepositControl,exports.ProductQuantityControl=le.ProductQuantityControl,exports.ProductQuantityConstantControl=me.ProductQuantityConstantControl,exports.ProductQuantityRechargingControl=de.ProductQuantityRechargingControl,exports.FileUpload=ce.FileUpload,exports.TipTapEditor=Ce.TipTapEditor,exports.ProductControl=Se.ProductControl,exports.EventVenueMap=xe.EventVenueMap,exports.Typeahead=ge.Typeahead,exports.ProductSetControl=qe.ProductSetControl,exports.ProductSetDepositPaidControl=je.ProductSetDepositPaidControl,exports.ProductSetForm=ve.ProductSetForm,exports.ProductSetPopover=Pe.ProductSetPopover,exports.ProductSetTab=Ee.ProductSetTab,exports.ProductSetTabs=fe.ProductSetTabs,exports.SelectEventProductSet=Fe.SelectEventProductSet,exports.CategoriesInput=Te.CategoriesInput,exports.CategoriesInputDescription=ye.CategoriesInputDescription,exports.LocationInput=De.LocationInput,exports.LocationInputDescription=Ie.LocationInputDescription,exports.ProviderLinksInput=be.ProviderLinksInput,exports.ProviderDetailsInput=Re.ProviderDetailsInput,exports.ProviderForm=ke.ProviderForm,exports.WorkingHoursInput=he.WorkingHoursInput,exports.WorkingHoursInputDescription=Me.WorkingHoursInputDescription,exports.VenueForm=Le.VenueForm,exports.UserForm=Ae.UserForm,exports.RecurrenceInput=Be.RecurrenceInput,exports.EditEventForm=_e.EditEventForm,exports.DEFAULT_RECURRENT_MODE_TYPE=Ne.DEFAULT_RECURRENT_MODE_TYPE,exports.EditRecurrentEventModal=Ne.EditRecurrentEventModal,exports.MODE_ALL_EVENTS=Ne.MODE_ALL_EVENTS,exports.MODE_THIS_AND_FOLLOWING_EVENTS=Ne.MODE_THIS_AND_FOLLOWING_EVENTS,exports.MODE_THIS_EVENT=Ne.MODE_THIS_EVENT,exports.RECURRENT_MODE_TYPES_LIST=Ne.RECURRENT_MODE_TYPES_LIST,exports.EventCard=Oe.EventCard,exports.EventCardSkeleton=we.EventCardSkeleton,exports.FilterHelperComponent=He.FilterHelperComponent,exports.PaginationHelperComponent=Ve.PaginationHelperComponent,exports.PerPageHelperComponent=Ue.PerPageHelperComponent,exports.StaticTable=ze.StaticTable,exports.TableHelperComponent=We.TableHelperComponent,exports.ReactTableHelperComponent=Ge.ReactTableHelperComponent,exports.EventStatisticModal=Qe.EventStatisticModal,exports.Header=Ze.default,exports.BookeditHeader=Ye.default,exports.LicklistHeader=Ke.default,exports.CompanySelector=Je.default,exports.Example=Xe.Example,exports.ExampleContent=Xe.ExampleContent,exports.ExampleToggle=Xe.ExampleToggle,exports.HelpPopover=$e.HelpPopover,exports.EventBookingForm=er.EventBookingForm,exports.EventBookingView=rr.EventBookingView,exports.IframeEventCard=tr.IframeEventCard,exports.IframeEventCardSkeleton=or.IframeEventCardSkeleton,exports.TicketDescription=sr.TicketDescription,exports.EventDetails=ar.EventDetails,exports.EventTables=ir.EventTables,exports.EventOrderSummary=nr.EventOrderSummary,exports.EventBookingProducts=pr.EventBookingProducts,exports.EventOrderShortSummary=ur.EventOrderShortSummary,exports.NavigationFooter=lr.NavigationFooter,exports.EventDescription=mr.EventDescription,exports.EventProductSets=dr.EventProductSets,exports.EventCalendar=cr.EventCalendar,exports.EventStepVenueMapZones=Cr.EventStepVenueMapZones,exports.IframeEventVenueMap=Sr.IframeEventVenueMap,exports.PaymentForm=xr.PaymentForm,exports.OrderItemsTable=gr.OrderItemsTable,exports.SnippetTemplateContext=qr,exports.PageHeader=jr.PageHeader,exports.PaymentStatusHeader=vr.PaymentStatusHeader,exports.BookingSummary=Pr.BookingSummary,exports.NavigationSteps=Er.NavigationSteps,exports.Timer=fr.Timer,exports.PaymentCard=Fr.PaymentCard,exports.BookingSummaryFooter=Tr.BookingSummaryFooter,exports.ErrorModal=yr.ErrorModal,exports.PageBody=Dr.PageBody,exports.useCategoryVerification=Ir.useCategoryVerification,exports.CalendarStepsForm=br.CalendarStepsForm,exports.Category=Rr.Category,exports.PoweredBy=kr.PoweredBy,exports.Page=hr.Page,exports.PaymentPage=Mr.PaymentPage,exports.PaymentStatusPage=Lr.PaymentStatusPage,exports.ActivitiesSelectedCard=Ar.ActivitiesSelectedCard,exports.ActivitiesCard=Br.ActivitiesCard,exports.CustomDateField=_r.CustomDateField,exports.SelectDateAndTimeEvent=Nr.SelectDateAndTimeEvent,exports.Container=Or.default,exports.BackgroundVideoContainer=wr.default,exports.StatisticsChart=Hr.StatisticsChart,exports.DEFAULT_SALES_PERIOD=Vr.DEFAULT_SALES_PERIOD,exports.LifeTimeSalesChart=Vr.LifeTimeSalesChart,exports.SALES_PERIOD_LIFETIME=Vr.SALES_PERIOD_LIFETIME,exports.SALES_PERIOD_THIS_MONTH=Vr.SALES_PERIOD_THIS_MONTH,exports.SALES_PERIOD_THIS_WEEK=Vr.SALES_PERIOD_THIS_WEEK,exports.SALES_PERIOD_TODAY=Vr.SALES_PERIOD_TODAY,exports.SalesAndViewsChart=Ur.SalesAndViewsChart,exports.SourceOfSalesChart=zr.SourceOfSalesChart,exports.SaleFilters=Wr.SaleFilters,exports.ImageHolder=Gr.ImageHolder,exports.Profile=Qr.Profile,exports.UserMetrics=Zr.UserMetrics,exports.PreviousBookings=Yr.PreviousBookings,exports.VisitedProviders=Kr.VisitedProviders,exports.CouponForm=Jr.CouponForm,exports.EventCardManualBooking=Xr.EventCardManualBooking,exports.SelectEvent=Xr.SelectEvent,exports.NumberInputHorizontal=$r.NumberInputHorizontal,exports.CategoryProduct=et.CategoryProduct,exports.CategoryProducts=rt.CategoryProducts,exports.ManualBookingStepsControll=tt.ManualBookingStepsControll,exports.TypeaheadHelperComponent=ot.TypeaheadHelperComponent,exports.CustomerInfo=st.CustomerInfo,exports.FinalStep=at.FinalStep,exports.ManualBookingSummary=it.ManualBookingSummary,exports.SelectDateTypeControl=nt.SelectDateTypeControl,exports.SelectMenu=pt.SelectMenu,exports.RefundModal=ut.RefundModal,exports.RyftPayment=lt.RyftPayment,exports.SalePaymentForm=mt.SalePaymentForm,exports.PaymentModal=dt.PaymentModal,exports.AdditionalFilterSection=ct.AdditionalFilterSection,exports.MainFilterSection=Ct.MainFilterSection,exports.ResultTagButton=St.ResultTagButton,exports.SearchingForSection=xt.SearchingForSection,exports.BACKGROUND_COLOR_CLASSNAMES=gt.BACKGROUND_COLOR_CLASSNAMES,exports.BookingResults=qt.BookingResults,exports.NotesTable=jt.NotesTable,exports.SystemSettingForm=vt.SystemSettingForm,exports.AdminSettingForm=Pt.AdminSettingForm,exports.DashboardSettingForm=Et.DashboardSettingForm,exports.SnippetCard=ft.SnippetCard,exports.SnippetTemplateCard=Ft.SnippetTemplateCard,exports.PaymentsForm=Tt.PaymentsForm,exports.PaymentsModal=yt.PaymentsModal,exports.ReturnBack=Dt.default,exports.SnippetTemplateLoadingContext=It,exports.SnippetTemplateViewContext=bt,exports.PropertyControl=Rt.PropertyControl,exports.SnippetTemplateForm=kt.SnippetTemplateForm,exports.SettingButton=ht.SettingButton,exports.Preview=Mt.Preview,exports.SnippetTemplate=Lt.SnippetTemplate,exports.EmailTemplateControl=At.EmailTemplateControl,exports.EmailTemplateForm=Bt.EmailTemplateForm,exports.EmailTemplateCard=_t.EmailTemplateCard,exports.SmsTemplateControl=Nt.SmsTemplateControl,exports.SmsTemplateForm=Ot.SmsTemplateForm,exports.SmsTemplateCard=wt.SmsTemplateCard,exports.SendEmailTemplateForm=Ht.SendEmailTemplateForm,exports.ReportCard=Vt.ReportCard,exports.ReportForm=Ut.ReportForm,exports.VenueMapSetCard=zt.VenueMapSetCard,exports.VenueMapSetForm=Wt.VenueMapSetForm,exports.AffiliateCard=Gt.AffiliateCard,exports.AffiliateControl=Qt.AffiliateControl,exports.AffiliateForm=Zt.AffiliateForm,exports.ZoneCard=Yt.ZoneCard,exports.ZoneForm=Kt.ZoneForm,exports.ResourceForm=Jt.ResourceForm,exports.ResourceCard=Xt.ResourceCard,exports.VirtualizedContext=$t.VirtualizedContext,exports.VirtualizedContextProvider=$t.VirtualizedContextProvider,exports.VirtualizedGrid=eo.VirtualizedGrid,exports.VirtualizedWindowScroller=ro.VirtualizedWindowScroller,exports.CustomerFilter=to.CustomerFilter,exports.StripedStaticTable=oo.StripedStaticTable,exports.RadioCard=so.RadioCard,exports.ImageRadioInput=ao.ImageRadioInput,exports.SortingSelect=io.SortingSelect;

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

@@ -1 +1 @@
-"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");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var s=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.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 l=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var g=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js");var y=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/order-process/components/Category/Category.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/custom-fields/components/CustomDateField.js"),require("../../../iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.js");var N=require("../context/snippetTemplateView.js"),S=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),C=require("../settings/SettingButton.js");exports.Preview=function(e){var q=e.onSettingClick,h=e.providerHasMap,j=void 0!==h&&h,B=i.useTranslation("Design").t,P=t.__read(a.useState(0),2),k=P[0],w=P[1],x=t.__read(a.useState(0),2),I=x[0],T=x[1],A=a.useContext(N.SnippetTemplateViewContext).setView,M=a.useContext(d.SnippetTemplateContext).template.type,_=void 0===M?S.SNIPPET_TYPE_EVENT_LIST:M,D=function(e){A(e),q()};return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(b.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(C.SettingButton,{view:"pageHeaderSteps",onClick:D,className:"m-0"},r.createElement(C.SettingButton,{view:"pageHeader",onClick:D,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(p.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(E.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(C.SettingButton,{view:"page",onClick:D,className:"snippet-template-body-button"})),r.createElement(y.PageBody,{className:"snippet-template",leftBlock:r.createElement(C.SettingButton,{view:"pageBodyLeftBlock",onClick:D,className:"mr-4"},r.createElement(y.PageBody.LeftBlock,{title:"About this event"},r.createElement(C.SettingButton,{view:"elements",onClick:D,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,B("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("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"},B("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:B("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},B("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(s.NumberInput,{value:k,onChange:function(e){return w(e)},onArrowDown:function(){return w((function(e){return e-1}))},onArrowUp:function(){return w((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("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"},B("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:B("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,B("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),j&&_===S.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,B("Calendar")),r.createElement(C.SettingButton,{view:"calendar",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.EventCalendar,null))),r.createElement("div",{className:"pt-4"},r.createElement(C.SettingButton,{view:"productSet",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,B("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(l.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,B("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(C.SettingButton,{view:"venueMap",onClick:D,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(u.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(y.PageBody.RightBlock,{bottomBlock:r.createElement(g.BookingSummaryFooter,null)},r.createElement(C.SettingButton,{view:"pageBodyRightBlock",onClick:D,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(v.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.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"})))})))};
+"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");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var s=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.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 l=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var g=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js");var y=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/order-process/components/Category/Category.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.js"),require("../../../iframe/activities-card-page/components/activities-card/ActivitiesCard.js"),require("../../../iframe/custom-fields/components/CustomDateField.js"),require("../../../iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.js");var N=require("../context/snippetTemplateView.js"),S=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),C=require("../settings/SettingButton.js");exports.Preview=function(e){var q=e.onSettingClick,h=e.providerHasMap,j=void 0!==h&&h,B=i.useTranslation("Design").t,P=t.__read(a.useState(0),2),k=P[0],w=P[1],x=t.__read(a.useState(0),2),I=x[0],T=x[1],A=a.useContext(N.SnippetTemplateViewContext).setView,M=a.useContext(d.SnippetTemplateContext).template.type,_=void 0===M?S.SNIPPET_TYPE_EVENT_LIST:M,D=function(e){A(e),q()};return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(b.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(C.SettingButton,{view:"pageHeaderSteps",onClick:D,className:"m-0"},r.createElement(C.SettingButton,{view:"pageHeader",onClick:D,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(p.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(E.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(C.SettingButton,{view:"page",onClick:D,className:"snippet-template-body-button"})),r.createElement(y.PageBody,{className:"snippet-template",leftBlock:r.createElement(C.SettingButton,{view:"pageBodyLeftBlock",onClick:D,className:"mr-4"},r.createElement(y.PageBody.LeftBlock,{title:"About this event"},r.createElement(C.SettingButton,{view:"elements",onClick:D,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,B("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("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"},B("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:B("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},B("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(s.NumberInput,{value:k,onChange:function(e){return w(e)},onArrowDown:function(){return w((function(e){return e-1}))},onArrowUp:function(){return w((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("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"},B("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:B("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,B("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),j&&_===S.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,B("Calendar")),r.createElement(C.SettingButton,{view:"calendar",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.EventCalendar,null))),r.createElement("div",{className:"pt-4"},r.createElement(C.SettingButton,{view:"productSet",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,B("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(l.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,B("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(C.SettingButton,{view:"venueMap",onClick:D,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(u.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(y.PageBody.RightBlock,{bottomBlock:r.createElement(g.BookingSummaryFooter,null)},r.createElement(C.SettingButton,{view:"pageBodyRightBlock",onClick:D,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(v.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.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/styles/iframe-events/ActivitiesCard.scss

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

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

@@ -0,0 +1,52 @@
+@import "../snippet-templates/snippetVariables";
+
+.selected-activities-card {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    height: 5rem;
+    border: 1px solid $snippet-product-set-border-color;
+    background-color: $snippet-product-set-background-color;
+    color: $snippet-product-set-font-color;
+    transition: $color-transition;
+
+    p {
+        margin-bottom: 0;
+    }
+
+    .description {
+        width: 70%;
+        font-size: .81rem;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .title {
+        font-weight: 600;
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+    }
+
+    .image-container {
+        display: flex;
+        justify-content: start;
+        height: 100%;
+
+        .image {
+            display: flex;
+            align-items: start;
+            width: 7rem;
+            height: 4rem;
+            margin-left: 3rem;
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: center;
+            border-radius: 0.5rem;
+        }
+    }
+}
+
+.selected-activities-card-hr {
+    margin-top: 0;
+}

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

@@ -15,4 +15,6 @@
 @import "./CalendarSelect.scss";
 @import "./EventStepVenueMapZones.scss";
 @import "./CategoryStepsForm.scss";
+@import "./ActivitiesSelectedCard.scss";
 @import "./SelectDateAndTimeEvent.scss";
+@import "./ActivitiesCard.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.485-dev.75",
+  "version": "0.44.485-dev.77",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

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

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

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

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

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

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

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

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

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

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

package/src/iframe/index.ts

@@ -42,5 +42,6 @@ export {
 } from "./order-process";
 export { PoweredBy } from "./powered-by";
 export * from "./page";
+export { ActivitiesSelectedCard, ActivitiesCard } from "./activities-card-page";
 export { CustomDateField, CustomDateFieldProps } from "./custom-fields";
 export { SelectDateAndTimeEvent } from "./select-date-time";

package/src/iframe/select-date-time/index.ts

@@ -1 +1,2 @@
 export { SelectDateAndTimeEvent } from "./component/date-container/SelectDateAndTimeEvent";
+

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

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

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

@@ -0,0 +1,52 @@
+@import "../snippet-templates/snippetVariables";
+
+.selected-activities-card {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    height: 5rem;
+    border: 1px solid $snippet-product-set-border-color;
+    background-color: $snippet-product-set-background-color;
+    color: $snippet-product-set-font-color;
+    transition: $color-transition;
+
+    p {
+        margin-bottom: 0;
+    }
+
+    .description {
+        width: 70%;
+        font-size: .81rem;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .title {
+        font-weight: 600;
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+    }
+
+    .image-container {
+        display: flex;
+        justify-content: start;
+        height: 100%;
+
+        .image {
+            display: flex;
+            align-items: start;
+            width: 7rem;
+            height: 4rem;
+            margin-left: 3rem;
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: center;
+            border-radius: 0.5rem;
+        }
+    }
+}
+
+.selected-activities-card-hr {
+    margin-top: 0;
+}

package/src/styles/iframe-events/_index.scss

@@ -15,4 +15,6 @@
 @import "./CalendarSelect.scss";
 @import "./EventStepVenueMapZones.scss";
 @import "./CategoryStepsForm.scss";
+@import "./ActivitiesSelectedCard.scss";
 @import "./SelectDateAndTimeEvent.scss";
+@import "./ActivitiesCard.scss";