{"version":3,"file":"static/js/adee9661949908bb4edc.bundle.js","mappings":"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","sources":["webpack://sheikh-zayed-festival/./src/actions/get-category-details.action.ts?7427","webpack://sheikh-zayed-festival/./src/modules/szf-category-details/szf-category-details.tsx?62e2","webpack://sheikh-zayed-festival/./src/modules/szf-category-details/components/event-schedule.tsx?cd07","webpack://sheikh-zayed-festival/./src/modules/szf-category-details/szf-category-details.view.tsx?20b1","webpack://sheikh-zayed-festival/./src/utilities/icons.tsx?b298","webpack://sheikh-zayed-festival/./src/utilities/image-gallery.component.tsx?2fc1","webpack://sheikh-zayed-festival/./src/utilities/imageUtils.ts?22c2","webpack://sheikh-zayed-festival/./src/utilities/szf-modal.component.tsx?92d6","webpack://sheikh-zayed-festival/./lib/szf-category-details/module-registration.js?446c","webpack://sheikh-zayed-festival/external var \"React\"?0d3b","webpack://sheikh-zayed-festival/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { getCategoriesAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/CategoriesDataActions.g';\r\nimport { Category } from '@msdyn365-commerce/retail-proxy';\r\n/**\r\n * GetCategoryDetails Input Action\r\n */\r\nexport class GetCategoryDetailsInput implements Msdyn365.IActionInput {\r\n    constructor() {}\r\n    public getCacheKey = () => `get-category-details`;\r\n    public getCacheObjectType = () => 'get-category-details';\r\n    public dataCacheType = (): Msdyn365.CacheType => 'request';\r\n}\r\n\r\nexport interface IGetCategoryDetailsData {\r\n    categoryDetails: Category | undefined;\r\n}\r\n\r\nconst createInput = (args: Msdyn365.ICreateActionContext): Msdyn365.IActionInput => {\r\n    return new GetCategoryDetailsInput();\r\n};\r\n\r\nasync function action(input: GetCategoryDetailsInput, ctx: Msdyn365.IActionContext): Promise<IGetCategoryDetailsData> {\r\n    const categoryId = Number(ctx.requestContext.query?.categoryId);\r\n    const getCategories = await getCategoriesAsync(\r\n        { callerContext: ctx },\r\n        ctx.requestContext.apiSettings.channelId\r\n    );\r\n    const getCategoryDetails: Category | undefined = getCategories?.find((item: Category) => item.RecordId === categoryId);\r\n    return {\r\n        categoryDetails: getCategoryDetails\r\n    };\r\n}\r\n\r\nexport default Msdyn365.createObservableDataAction({\r\n    action: <Msdyn365.IAction<IGetCategoryDetailsData>>action,\r\n    id: 'GetCategoryDetails',\r\n    input: createInput\r\n});\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nimport { ISzfCategoryDetailsData } from './szf-category-details.data';\r\nimport { ISzfCategoryDetailsProps } from './szf-category-details.props.autogenerated';\r\n\r\nexport interface ISzfCategoryDetailsViewProps extends ISzfCategoryDetailsProps<ISzfCategoryDetailsData> {\r\n}\r\n\r\n/**\r\n *\r\n * SzfCategoryDetails component\r\n * @extends {React.PureComponent<ISzfCategoryDetailsProps<ISzfCategoryDetailsData>>}\r\n */\r\nclass SzfCategoryDetails extends React.PureComponent<ISzfCategoryDetailsProps<ISzfCategoryDetailsData>> {\r\n    public render(): JSX.Element | null {\r\n        return this.props.renderView(this.props) as React.ReactElement;\r\n    }\r\n}\r\n\r\nexport default SzfCategoryDetails;\r\n","import React from 'react';\r\n\r\nexport interface IEventSchedule {\r\n    imageSVG: JSX.Element;\r\n    text: string;\r\n    baseClassName: string;\r\n    date?: string;\r\n    time?: string;\r\n}\r\n\r\nexport const EventSchedule = (eventSchedule: IEventSchedule): JSX.Element => {\r\n    const { baseClassName, text, date, time, imageSVG } = eventSchedule;\r\n    return (\r\n        <>\r\n            <div className={`${baseClassName}__event-schedule`}>\r\n                {imageSVG}\r\n                <p>{text}</p>\r\n                <p>{date || time}</p>\r\n            </div>\r\n        </>\r\n    );\r\n};","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nimport { ISzfCategoryDetailsViewProps } from './szf-category-details';\r\nimport { Text } from '@msdyn365-commerce/core';\r\nimport { TextValueTranslation } from '@msdyn365-commerce/retail-proxy';\r\nimport { EventSchedule } from './components/event-schedule';\r\nimport { renderImageUrls } from '../../utilities/imageUtils';\r\nimport { ILinksData } from './szf-category-details.props.autogenerated';\r\nimport SZFModal from '../../utilities/szf-modal.component';\r\nimport { ImageGallery } from '../../utilities/image-gallery.component';\r\nimport { TimeSVG, DateSVG } from '../../utilities/icons';\r\n\r\nexport default (props: ISzfCategoryDetailsViewProps) => {\r\n    const {\r\n        data: { categoryDetails },\r\n        config: {\r\n            className,\r\n            imageModalHeading,\r\n            maxImagesToShow,\r\n            categoryDetailHeading,\r\n            links,\r\n            eventDateHeading,\r\n            eventTimeHeading,\r\n        },\r\n        context: {\r\n            request: {\r\n                locale,\r\n                apiSettings: { baseImageUrl },\r\n                textDirection\r\n            }\r\n        },\r\n        resources: {\r\n            bookNowText,\r\n        }\r\n    } = props;\r\n    \r\n    const subCategoryDetails = categoryDetails.result?.categoryDetails;\r\n    const parentCategoryRecordId = props.context.app.config.hideButtonsOnClpAndCdp;\r\n    const parentCategoryId = categoryDetails.result?.categoryDetails?.ParentCategory === parentCategoryRecordId;\r\n    const imageBaseURL = baseImageUrl?.substring(0, baseImageUrl?.length - 1);\r\n    const [isOpenModal, setIsOpenModal] = React.useState<boolean>(false);\r\n    const toggleModal = () => {\r\n        setIsOpenModal(!isOpenModal);\r\n    };\r\n    const images = renderImageUrls(imageBaseURL, subCategoryDetails, maxImagesToShow! || 12);\r\n    const eventSchedule = subCategoryDetails?.LocalizedDescription?.split('__')[1]!;\r\n    const time = eventSchedule?.split('--')![0];\r\n    const date = eventSchedule?.split('--')![1];\r\n    const RegisterButtonSlots = props.slots && props.slots.tefanRegistrationButton && props.slots.tefanRegistrationButton.length > 0 ? props.slots.tefanRegistrationButton : [];\r\n    // const categoryId = categoryDetails.result?.categoryDetails?.RecordId.toString();\r\n\r\n    // if (categoryId && tefanCategoryOptionsData) {\r\n    //     const crjmMatchCategoryFound = tefanCategoryOptionsData.find(categoryOptionsItem => categoryOptionsItem?.szf_hqid === categoryId);\r\n    //     state.categoryId = crjmMatchCategoryFound?.szf_tefanalawwalcategoryid!;\r\n    // }\r\n    const renderRegistrationButtonSlots = ()=>{\r\n        return RegisterButtonSlots.map((RegisterButtonSlot,i)=>{\r\n            return(\r\n                <div key={`tefan-awal-registration-button-${i}`}>\r\n                    {RegisterButtonSlot}\r\n                </div>\r\n            )\r\n        })\r\n    }\r\n    return (\r\n        <>\r\n            <div className={`${className}__banner-container`}>\r\n                <div className={`${className}__banner`}>\r\n                    <img\r\n                        src={`${imageBaseURL}${subCategoryDetails?.Name?.replace('&', 'And')\r\n                            .replace(/\\b(?<!')[a-z]/g, match => match.toUpperCase())\r\n                            .replace(',', '')}__CDP__000.jpg`}\r\n                    />\r\n                </div>\r\n                <div className={`${className}__banner-title`}>\r\n                    <Text\r\n                        tag='h2'\r\n                        text={`${subCategoryDetails?.NameTranslations?.find((item: TextValueTranslation) =>\r\n                            item.Language?.toLowerCase().includes(locale.toLowerCase())\r\n                        )?.Text?.toUpperCase()}`}\r\n                    />\r\n                </div>\r\n            </div>\r\n            <div className={`${className}__main-container`}>\r\n                <div className={`${className}__image-container`}>\r\n                    <div className='row'>\r\n                        <div className='col-12 col-sm-12 col-md-12 col-lg-8'>\r\n                            <div className='image-main-container'>\r\n                                <div className='image1Container'>\r\n                                    <img\r\n                                        src={`${imageBaseURL}${subCategoryDetails?.Name?.replace('&', 'And')\r\n                                            .replace(/\\b(?<!')[a-z]/g, match => match.toUpperCase())\r\n                                            .replace(',', '')}__CDP__001.jpg`}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='col-12 col-sm-12 col-md-12 col-lg-4'>\r\n                            <div className='row'>\r\n                                <div className='col-12 col-sm-6 col-md-6 col-lg-12'>\r\n                                    <div className='image-main-container'>\r\n                                        <div className='image2Container'>\r\n                                            <img\r\n                                                src={`${imageBaseURL}${subCategoryDetails?.Name?.replace('&', 'And')\r\n                                                    .replace(/\\b(?<!')[a-z]/g, match => match.toUpperCase())\r\n                                                    .replace(',', '')}__CDP__002.jpg`}\r\n                                                alt=''\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-12 col-sm-6 col-md-6 col-lg-12'>\r\n                                    <div className='image-main-container'>\r\n                                        <div className='image3Container'>\r\n                                            <img\r\n                                                src={`${imageBaseURL}${subCategoryDetails?.Name?.replace('&', 'And')\r\n                                                    .replace(/\\b(?<!')[a-z]/g, match => match.toUpperCase())\r\n                                                    .replace(',', '')}__CDP__003.jpg`}\r\n                                                alt=''\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className={`${className}__content`}>\r\n                    <h2 className={`${className}__title`}>{categoryDetailHeading?.toUpperCase()}</h2>\r\n                    <p className={`${className}__description`}>{`${subCategoryDetails?.LocalizedDescription?.split('__')[0]}`}</p>\r\n                    <div className={`${className}__button-container`}>\r\n                        {!parentCategoryId\r\n                            ? links?.map((link: ILinksData) => {\r\n                                  return (\r\n                                      <button\r\n                                          key={link.linkText}\r\n                                          className={`${className}__${link.linkText?.replace(' ', '-').toLowerCase()}-button`}\r\n                                          onClick={() => {\r\n                                              bookNowText !== link.linkText\r\n                                                  ? toggleModal()\r\n                                                  : (window.location.href = `${link.linkUrl.destinationUrl}`);\r\n                                          }}\r\n                                      >\r\n                                          <a href='javascript:;'>{link.linkText}</a>\r\n                                      </button>\r\n                                  );\r\n                              })\r\n                            : ''}\r\n                    </div>\r\n                </div>\r\n                {parentCategoryId &&\r\n                    <div className='competition-register-btn-container'>\r\n                        {renderRegistrationButtonSlots()}\r\n                    </div>\r\n                }\r\n                <div className={`${className}__event-schedule-container`}>\r\n                    <EventSchedule\r\n                        {...{\r\n                            baseClassName: className!,\r\n                            imageSVG: <TimeSVG />,\r\n                            text: `${eventTimeHeading || 'Start Time'}`,\r\n                            time: `${time || '4-PM'}`\r\n                        }}\r\n                    />\r\n                    <EventSchedule\r\n                        {...{\r\n                            baseClassName: className!,\r\n                            imageSVG: <DateSVG />,\r\n                            text: `${eventDateHeading || 'Event Date'}`,\r\n                            date: `${date || '31,Dec 2022'}`\r\n                        }}\r\n                    />\r\n                </div>\r\n            </div>\r\n            {!parentCategoryId ? (\r\n                <div className={`${className}__modal-container`}>\r\n                    <SZFModal\r\n                        isOpen={isOpenModal}\r\n                        onModalToggle={toggleModal}\r\n                        className={'images-modal'}\r\n                        modalTitle={\r\n                            <>\r\n                                <h3>{imageModalHeading}</h3>\r\n                                <button onClick={toggleModal} className='modal-close-btn'>\r\n                                    <img src='https://images-ap-prod.cms.commerce.dynamics.com/cms/api/rwrswxpkjb/imageFileData/MB2GuE?pubver=0' />\r\n                                </button>\r\n                            </>\r\n                        }\r\n                        modalBody={<ImageGallery className={className!} images={images} textDirection={textDirection} />}\r\n                    />\r\n                </div>\r\n            ) : (\r\n                ''\r\n            )}\r\n        </>\r\n    );\r\n};\r\n","import React from 'react';\r\n\r\nexport const CalendarSVG = () => {\r\n    return (\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\r\n            <path d=\"M4.21756 4.62918C4.74558 4.24555 5.38215 4.04687 6.25 3.94396V4.66675C6.25 5.3571 6.80964 5.91675 7.5 5.91675C8.19036 5.91675 8.75 5.3571 8.75 4.66675V3.83575C9.13675 3.83341 9.55234 3.83341 10 3.83341C10.4477 3.83341 10.8633 3.83341 11.25 3.83575V4.66675C11.25 5.3571 11.8096 5.91675 12.5 5.91675C13.1904 5.91675 13.75 5.3571 13.75 4.66675V3.94397C14.6178 4.04687 15.2544 4.24555 15.7824 4.62918C16.1362 4.88618 16.4472 5.19725 16.7042 5.55098C17.1745 6.19828 17.3669 7.00873 17.4456 8.20842H2.55445C2.63312 7.00873 2.82547 6.19828 3.29576 5.55098C3.55276 5.19725 3.86383 4.88618 4.21756 4.62918Z\" fill=\"#13294B\" />\r\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M2.50892 9.45823C2.5 10.0132 2.5 10.6342 2.5 11.3334C2.5 14.4582 2.5 16.0206 3.29576 17.1159C3.55276 17.4696 3.86383 17.7807 4.21756 18.0377C5.31283 18.8334 6.87522 18.8334 10 18.8334C10.6991 18.8334 11.32 18.8334 11.875 18.8245L11.875 18.7661C11.8749 18.0561 11.8749 17.6236 11.934 17.2505C12.2587 15.2002 13.8668 13.5921 15.9171 13.2674C16.2901 13.2083 16.7226 13.2084 17.4326 13.2084L17.4911 13.2084C17.5 12.6534 17.5 12.0325 17.5 11.3334C17.5 10.6342 17.5 10.0132 17.4911 9.45823L17.4758 9.45842H2.52401L2.50892 9.45823ZM7.5 11.5417C7.15482 11.5417 6.875 11.8216 6.875 12.1667C6.875 12.5119 7.15482 12.7917 7.5 12.7917H12.5C12.8452 12.7917 13.125 12.5119 13.125 12.1667C13.125 11.8216 12.8452 11.5417 12.5 11.5417H7.5Z\" fill=\"#13294B\" />\r\n            <path d=\"M15.7824 18.0377C15.1351 18.5079 14.3247 18.7003 13.125 18.779C13.1251 18.0204 13.1279 17.703 13.1686 17.446C13.4086 15.9306 14.5972 14.742 16.1126 14.502C16.3696 14.4613 16.6869 14.4585 17.4456 14.4584C17.3669 15.6581 17.1745 16.4686 16.7042 17.1159C16.4472 17.4696 16.1362 17.7807 15.7824 18.0377Z\" fill=\"#13294B\" />\r\n            <path d=\"M8.125 2.16675C8.125 1.82157 7.84518 1.54175 7.5 1.54175C7.15482 1.54175 6.875 1.82157 6.875 2.16675V4.66675C6.875 5.01193 7.15482 5.29175 7.5 5.29175C7.84518 5.29175 8.125 5.01193 8.125 4.66675V2.16675Z\" fill=\"#13294B\" />\r\n            <path d=\"M13.125 2.16675C13.125 1.82157 12.8452 1.54175 12.5 1.54175C12.1548 1.54175 11.875 1.82157 11.875 2.16675V4.66675C11.875 5.01193 12.1548 5.29175 12.5 5.29175C12.8452 5.29175 13.125 5.01193 13.125 4.66675V2.16675Z\" fill=\"#13294B\" />\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport const FestivalSVG = () => {\r\n    return (\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\r\n            <path d=\"M13.733 10.4624C13.822 10.1792 14.178 10.1792 14.267 10.4624C14.4996 11.2016 15.1766 11.7247 15.965 11.7247C16.0418 11.7247 16.091 11.7475 16.1277 11.7768C16.1695 11.8103 16.2093 11.8649 16.232 11.9371C16.2779 12.0831 16.2384 12.218 16.122 12.3053C15.4993 12.7726 15.2501 13.5877 15.4815 14.3233C15.5324 14.4851 15.4748 14.6139 15.3714 14.6915C15.3185 14.7312 15.2633 14.7485 15.2174 14.7499C15.1777 14.7511 15.1245 14.7419 15.0574 14.6915C14.4286 14.2196 13.5714 14.2196 12.9426 14.6915C12.8755 14.7419 12.8223 14.7511 12.7826 14.7499C12.7366 14.7485 12.6815 14.7312 12.6286 14.6915C12.5252 14.6139 12.4676 14.4851 12.5185 14.3233C12.7499 13.5877 12.5007 12.7726 11.878 12.3053C11.7616 12.218 11.7221 12.0831 11.768 11.9371C11.7907 11.8649 11.8305 11.8103 11.8723 11.7768C11.909 11.7475 11.9582 11.7247 12.035 11.7247C12.8234 11.7247 13.5004 11.2016 13.733 10.4624Z\" fill=\"#122553\" />\r\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M7.25 5.56667V3.75H6.44444C3.57563 3.75 1.25 6.07563 1.25 8.94444C1.25 9.77618 1.72698 10.5342 2.47681 10.8941L2.96417 11.1281C4.1152 11.6806 4.1152 13.3194 2.96417 13.8719L2.47681 14.1059C1.72698 14.4658 1.25 15.2238 1.25 16.0556C1.25 18.9244 3.57563 21.25 6.44444 21.25H7.25V19.4333C7.25 19.0191 7.58579 18.6833 8 18.6833C8.41421 18.6833 8.75 19.0191 8.75 19.4333V21.25H17.5556C20.4244 21.25 22.75 18.9244 22.75 16.0556C22.75 15.2238 22.273 14.4658 21.5232 14.1059L21.0358 13.8719C19.8848 13.3194 19.8848 11.6806 21.0358 11.1281L21.5232 10.8941C22.273 10.5342 22.75 9.77618 22.75 8.94444C22.75 6.07563 20.4244 3.75 17.5556 3.75H8.75V5.56667C8.75 5.98088 8.41421 6.31667 8 6.31667C7.58579 6.31667 7.25 5.98088 7.25 5.56667ZM8.75 8.76667C8.75 8.35245 8.41421 8.01667 8 8.01667C7.58579 8.01667 7.25 8.35245 7.25 8.76667V10.9C7.25 11.3142 7.58579 11.65 8 11.65C8.41421 11.65 8.75 11.3142 8.75 10.9V8.76667ZM8 13.35C8.41421 13.35 8.75 13.6858 8.75 14.1V16.2333C8.75 16.6475 8.41421 16.9833 8 16.9833C7.58579 16.9833 7.25 16.6475 7.25 16.2333V14.1C7.25 13.6858 7.58579 13.35 8 13.35ZM15.6979 10.0123C15.1685 8.32922 12.8315 8.32922 12.3021 10.0123C12.258 10.1525 12.1417 10.2247 12.035 10.2247C10.2595 10.2247 9.63517 12.4975 10.9776 13.505C11.0791 13.5812 11.1329 13.7295 11.0877 13.8732C10.8293 14.6946 11.1618 15.4661 11.7282 15.8912C12.2981 16.3189 13.141 16.418 13.843 15.8912C13.9383 15.8197 14.0617 15.8197 14.157 15.8912C14.859 16.418 15.7019 16.3189 16.2718 15.8912C16.8382 15.4661 17.1707 14.6946 16.9123 13.8732C16.8671 13.7295 16.9209 13.5812 17.0224 13.505C18.3648 12.4975 17.7405 10.2247 15.965 10.2247C15.8583 10.2247 15.742 10.1525 15.6979 10.0123Z\" fill=\"#122553\" />\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport const TimeSVG = () => {\r\n    return (\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\">\r\n            <path d=\"M59.3948 10.4839C57.6893 10.0512 55.9055 9.80294 54.023 9.64913C50.6663 9.37488 46.536 9.37493 41.4856 9.375H41.0144C35.964 9.37493 31.8337 9.37488 28.477 9.64913C26.595 9.8029 24.8118 10.051 23.1068 10.4835C26.5462 6.36801 31.7177 3.75 37.5006 3.75H45.0006C50.7837 3.75 55.9553 6.36817 59.3948 10.4839Z\" fill=\"#FFD367\" />\r\n            <path d=\"M23.1056 79.5162C24.811 79.9489 26.5946 80.1971 28.477 80.3509C31.8336 80.6251 35.9638 80.6251 41.014 80.625H41.4858C46.5359 80.6251 50.6664 80.6251 54.023 80.3509C55.9051 80.1971 57.6885 79.9489 59.3936 79.5164C55.9542 83.632 50.7827 86.25 44.9997 86.25H37.4997C31.7166 86.25 26.545 83.6319 23.1056 79.5162Z\" fill=\"#FFD367\" />\r\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M41.3758 12.1875H41.1242C35.9802 12.1875 31.9473 12.1875 28.706 12.4523C25.4055 12.722 22.6788 13.2802 20.2108 14.5377C19.2907 15.0065 18.4096 15.5387 17.573 16.1287C14.7208 18.1401 12.3861 20.8237 10.7877 23.9608C9.53017 26.4288 8.97196 29.1555 8.7023 32.456C8.43747 35.6973 8.43748 39.7302 8.4375 44.8742V45.1259C8.43748 50.2698 8.43747 54.3027 8.7023 57.544C8.97196 60.8445 9.53017 63.5712 10.7877 66.0392C12.3859 69.1759 14.7201 71.8591 17.5717 73.8705C18.4087 74.4608 19.2903 74.9933 20.2108 75.4623C22.6788 76.7198 25.4055 77.278 28.706 77.5477C31.9471 77.8125 35.9802 77.8125 41.1237 77.8125H41.3765C46.5199 77.8125 50.5529 77.8125 53.794 77.5477C57.0945 77.278 59.8212 76.7198 62.2892 75.4623C63.2091 74.9936 64.0901 74.4615 64.9266 73.8717C67.779 71.8601 70.1138 69.1765 71.7123 66.0392C72.9698 63.5712 73.528 60.8445 73.7977 57.544C74.0625 54.3029 74.0625 50.2698 74.0625 45.1263V44.8735C74.0625 39.7301 74.0625 35.6971 73.7977 32.456C73.528 29.1555 72.9698 26.4288 71.7123 23.9608C70.114 20.824 67.7797 18.1406 64.9278 16.1292C64.091 15.539 63.2096 15.0066 62.2892 14.5377C59.8212 13.2802 57.0945 12.722 53.794 12.4523C50.5527 12.1875 46.5198 12.1875 41.3758 12.1875ZM44.0625 30C44.0625 28.4467 42.8033 27.1875 41.25 27.1875C39.6967 27.1875 38.4375 28.4467 38.4375 30V43.125C38.4375 47.7849 42.2151 51.5625 46.875 51.5625H52.5C54.0533 51.5625 55.3125 50.3033 55.3125 48.75C55.3125 47.1967 54.0533 45.9375 52.5 45.9375H46.875C45.3217 45.9375 44.0625 44.6783 44.0625 43.125V30Z\" fill=\"#13294B\" />\r\n            <path d=\"M81.5625 37.5C81.5625 35.9467 80.3033 34.6875 78.75 34.6875C77.1967 34.6875 75.9375 35.9467 75.9375 37.5V52.5C75.9375 54.0533 77.1967 55.3125 78.75 55.3125C80.3033 55.3125 81.5625 54.0533 81.5625 52.5V37.5Z\" fill=\"#FFD367\" />\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport const DateSVG = () => {\r\n    return (\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\">\r\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M28.125 15.4975C24.2197 15.9605 21.3551 16.8546 18.979 18.5809C17.3873 19.7374 15.9874 21.1373 14.8309 22.729C11.25 27.6578 11.25 34.6885 11.25 48.75C11.25 62.8115 11.25 69.8422 14.8309 74.771C15.9874 76.3627 17.3873 77.7626 18.979 78.9191C23.9078 82.5 30.9385 82.5 45 82.5C48.146 82.5 50.9401 82.5 53.4375 82.4599L53.4375 82.1969C53.4372 79.0019 53.4371 77.0557 53.703 75.3769C55.1643 66.1505 62.4005 58.9143 71.6269 57.453C73.3057 57.1871 75.2519 57.1872 78.4469 57.1875L78.7099 57.1875C78.75 54.6906 78.75 51.8971 78.75 48.7517C78.75 34.6902 78.75 27.6578 75.1691 22.729C74.0126 21.1373 72.6128 19.7374 71.021 18.5809C68.6449 16.8546 65.7803 15.9605 61.875 15.4975V18.75C61.875 21.8566 59.3566 24.375 56.25 24.375C53.1434 24.375 50.625 21.8566 50.625 18.75V15.0105C48.8846 15 47.0145 15 45 15C42.9855 15 41.1154 15 39.375 15.0105V18.75C39.375 21.8566 36.8566 24.375 33.75 24.375C30.6434 24.375 28.125 21.8566 28.125 18.75V15.4975ZM26.25 37.5C28.3211 37.5 30 35.8211 30 33.75C30 31.6789 28.3211 30 26.25 30C24.1789 30 22.5 31.6789 22.5 33.75C22.5 35.8211 24.1789 37.5 26.25 37.5ZM30 48.75C30 50.8211 28.3211 52.5 26.25 52.5C24.1789 52.5 22.5 50.8211 22.5 48.75C22.5 46.6789 24.1789 45 26.25 45C28.3211 45 30 46.6789 30 48.75ZM45 37.5C47.0711 37.5 48.75 35.8211 48.75 33.75C48.75 31.6789 47.0711 30 45 30C42.9289 30 41.25 31.6789 41.25 33.75C41.25 35.8211 42.9289 37.5 45 37.5ZM48.75 48.75C48.75 50.8211 47.0711 52.5 45 52.5C42.9289 52.5 41.25 50.8211 41.25 48.75C41.25 46.6789 42.9289 45 45 45C47.0711 45 48.75 46.6789 48.75 48.75ZM45 67.5C47.0711 67.5 48.75 65.8211 48.75 63.75C48.75 61.6789 47.0711 60 45 60C42.9289 60 41.25 61.6789 41.25 63.75C41.25 65.8211 42.9289 67.5 45 67.5ZM67.5 33.75C67.5 35.8211 65.8211 37.5 63.75 37.5C61.6789 37.5 60 35.8211 60 33.75C60 31.6789 61.6789 30 63.75 30C65.8211 30 67.5 31.6789 67.5 33.75ZM63.75 52.5C65.8211 52.5 67.5 50.8211 67.5 48.75C67.5 46.6789 65.8211 45 63.75 45C61.6789 45 60 46.6789 60 48.75C60 50.8211 61.6789 52.5 63.75 52.5ZM30 63.75C30 65.8211 28.3211 67.5 26.25 67.5C24.1789 67.5 22.5 65.8211 22.5 63.75C22.5 61.6789 24.1789 60 26.25 60C28.3211 60 30 61.6789 30 63.75Z\" fill=\"#13294B\" />\r\n            <path d=\"M78.505 62.8125C75.0912 62.813 73.6633 62.8256 72.5068 63.0087C65.6873 64.0888 60.3388 69.4373 59.2587 76.2568C59.0756 77.4133 59.063 78.8412 59.0625 82.255C64.4611 81.901 68.1081 81.0354 71.021 78.9191C72.6128 77.7626 74.0126 76.3627 75.1691 74.771C77.2854 71.8581 78.151 68.2111 78.505 62.8125Z\" fill=\"#FFD367\" />\r\n            <path d=\"M36.5625 7.5C36.5625 5.9467 35.3033 4.6875 33.75 4.6875C32.1967 4.6875 30.9375 5.9467 30.9375 7.5V18.75C30.9375 20.3033 32.1967 21.5625 33.75 21.5625C35.3033 21.5625 36.5625 20.3033 36.5625 18.75V7.5Z\" fill=\"#FFD367\" />\r\n            <path d=\"M59.0625 7.5C59.0625 5.9467 57.8033 4.6875 56.25 4.6875C54.6967 4.6875 53.4375 5.9467 53.4375 7.5V18.75C53.4375 20.3033 54.6967 21.5625 56.25 21.5625C57.8033 21.5625 59.0625 20.3033 59.0625 18.75V7.5Z\" fill=\"#FFD367\" />\r\n        </svg>\r\n    )\r\n}","import React, { useRef, useState } from 'react';\r\nimport Slider from 'react-slick';\r\nimport SZFModal from './szf-modal.component';\r\n\r\nexport interface IImageGalleryProps {\r\n    className: string;\r\n    images: string[];\r\n    textDirection: string;\r\n}\r\n\r\nexport interface ICarouselState {\r\n    display: boolean;\r\n    filteredImages?: string[]\r\n}\r\n\r\nexport const ImageGallery = (props: IImageGalleryProps) => {\r\n    const slider = useRef<Slider>(null);\r\n    const { images, className, textDirection } = props;\r\n    const [carousel, setCarousel] = useState<ICarouselState>({\r\n        display: false,\r\n        filteredImages: images\r\n    });\r\n    const settings = {\r\n        dots: false,\r\n        infinite: true,\r\n        speed: 500,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        responsive: [\r\n            {\r\n                breakpoint: 480,\r\n                settings: {\r\n                    slidesToShow: 1,\r\n                    slidesToScroll: 1\r\n                }\r\n            }\r\n        ],\r\n        arrows: true,\r\n        [textDirection]: true\r\n    };\r\n\r\n    const handleShowCarousel = (e: React.MouseEvent<HTMLElement> | undefined) => {\r\n        setCarousel({\r\n            display: !carousel.display,\r\n            filteredImages: carousel.filteredImages\r\n        });\r\n        slider.current?.slickGoTo(Number(e?.currentTarget.id), true);\r\n    };\r\n\r\n    const hideBrokenImage = (e: React.SyntheticEvent<HTMLImageElement>) => {\r\n        const image = e.currentTarget;\r\n        const brokenImageIndex = images?.indexOf(image.src.replace(/%20/g,' '));\r\n        carousel.filteredImages?.splice(brokenImageIndex, 1);\r\n        const newfilteredImages = carousel.filteredImages\r\n        newfilteredImages?.splice(brokenImageIndex, 1);\r\n        setCarousel({\r\n            ...carousel,\r\n            filteredImages: newfilteredImages\r\n        })\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <div className={`${className}__gallery-container`}>\r\n                {carousel.filteredImages?.map((imageUrl: string, index) => {\r\n                    return (\r\n                        <>\r\n                            <div className={`${className}__gallery-img`}>\r\n                                <img id={String(index)} src={imageUrl} onClick={(e) => { handleShowCarousel(e); }} onError={(e) => { hideBrokenImage(e); }} />\r\n                            </div>\r\n                        </>\r\n                    );\r\n                })}\r\n            </div>\r\n            {\r\n                <SZFModal\r\n                    isOpen={carousel.display}\r\n                    onModalToggle={handleShowCarousel}\r\n                    className={'single-image-modal'}\r\n                    modalTitle={\r\n                        <button onClick={handleShowCarousel} className='modal-close-btn'>\r\n                            <img\r\n                                src='https://images-ap-prod.cms.commerce.dynamics.com/cms/api/rwrswxpkjb/imageFileData/MB2m2E?pubver=0'\r\n                            />\r\n                        </button>\r\n                    }\r\n                    modalBody={\r\n                        <Slider {...settings} ref={slider}>\r\n                            {carousel.filteredImages?.map((imageUrl: string, index: number) => {\r\n                                return (\r\n                                    <>\r\n                                        <div className={`${className}__gallery-img`}>\r\n                                            <img id={String(index)} src={imageUrl} />\r\n                                        </div>\r\n                                    </>\r\n                                );\r\n                            })}\r\n                        </Slider>\r\n                    }\r\n                />\r\n            }\r\n        </>\r\n    );\r\n};","import { Category } from '@msdyn365-commerce/retail-proxy';\r\n\r\nexport const renderImageUrls = (imageBaseURL: string, subCategoryDetails: Category | undefined, maxImagesToShow: number): string[] => {\r\n    const imageUrls: string[] = [];\r\n    for (let i = 1; i <= maxImagesToShow; i++) {\r\n        imageUrls.push(`${imageBaseURL}${subCategoryDetails?.Name?.replace('&','And').replace(/\\b(?<!')[a-z]/g, (match) => match.toUpperCase()).replace(',','')}__CDP__00${i}.jpg`);\r\n    }\r\n    return imageUrls;\r\n};","import React from 'react';\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\r\n\r\ninterface ISZFModalProps {\r\n    isOpen: boolean;\r\n    onModalToggle?: (e?: React.MouseEvent<HTMLElement>) => void;\r\n    className: string;\r\n    modalTitle?: React.ReactNode;\r\n    modalBody?: React.ReactNode;\r\n    modalFooter?: React.ReactNode;\r\n}\r\n\r\nexport default function SZFModal(props: ISZFModalProps) {\r\n    const { isOpen, onModalToggle, className, modalTitle, modalBody, modalFooter } = props;\r\n\r\n    return (\r\n        <Modal\r\n            isOpen={isOpen}\r\n            zIndex={99999}\r\n            applicationNode={'renderPage'}\r\n            autoFocus={true}\r\n            toggle={onModalToggle && onModalToggle}\r\n            className={`szf-modal ${className}`}\r\n        >\r\n            {modalTitle && <ModalHeader>{modalTitle}</ModalHeader>}\r\n            {modalBody && <ModalBody className='szf-modal-body'>{modalBody}</ModalBody>}\r\n            {modalFooter && <ModalFooter>{modalFooter}</ModalFooter>}\r\n        </Modal>\r\n    );\r\n}\r\n","const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['szf-category-details'] = {\n        c: () => require('partner/modules/szf-category-details/szf-category-details.tsx'),\n        $type: 'containerModule',\n        da: [{name:'categoryDetails',  path:'actions/get-category-details.action', runOn: 0}],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'szf-category-details',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/szf-category-details'\n    });\n        \n\n        {\n            const sanitizedActionPath = 'actions/get-category-details.action';\n            let dataAction = require('partner/actions/get-category-details.action');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|modules|szf-category-details|szf-category-details'] = {\n                c: () => require('partner/modules/szf-category-details/szf-category-details.view.tsx'),\n                cn: '__local__-__local__-szf-category-details'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["GetCategoryDetailsInput","constructor","getCacheKey","getCacheObjectType","dataCacheType","Msdyn365","action","async","input","ctx","_ctx$requestContext$q","categoryId","Number","requestContext","query","getCategories","getCategoriesAsync","callerContext","apiSettings","channelId","categoryDetails","find","item","RecordId","id","args","SzfCategoryDetails","React","render","this","props","renderView","EventSchedule","eventSchedule","baseClassName","text","date","time","imageSVG","className","_categoryDetails$resu","_categoryDetails$resu2","_subCategoryDetails$L","_subCategoryDetails$N","_subCategoryDetails$N2","_subCategoryDetails$N3","_subCategoryDetails$N4","_subCategoryDetails$N5","_subCategoryDetails$L2","data","config","imageModalHeading","maxImagesToShow","categoryDetailHeading","links","eventDateHeading","eventTimeHeading","context","request","locale","baseImageUrl","textDirection","resources","bookNowText","subCategoryDetails","result","parentCategoryRecordId","app","hideButtonsOnClpAndCdp","parentCategoryId","ParentCategory","imageBaseURL","substring","length","isOpenModal","setIsOpenModal","toggleModal","images","renderImageUrls","LocalizedDescription","split","RegisterButtonSlots","slots","tefanRegistrationButton","src","Name","replace","match","toUpperCase","Text","tag","NameTranslations","_item$Language","Language","toLowerCase","includes","alt","map","link","_link$linkText","key","linkText","onClick","window","location","href","linkUrl","destinationUrl","RegisterButtonSlot","i","Object","assign","TimeSVG","DateSVG","SZFModal","isOpen","onModalToggle","modalTitle","modalBody","ImageGallery","CalendarSVG","xmlns","width","height","viewBox","fill","d","fillRule","clipRule","FestivalSVG","_carousel$filteredIma2","_carousel$filteredIma3","slider","useRef","carousel","setCarousel","useState","display","filteredImages","settings","dots","infinite","speed","slidesToShow","slidesToScroll","responsive","breakpoint","arrows","handleShowCarousel","e","_slider$current","current","slickGoTo","currentTarget","imageUrl","index","String","onError","_carousel$filteredIma","image","brokenImageIndex","indexOf","splice","newfilteredImages","_objectSpread","hideBrokenImage","Slider","ref","imageUrls","push","modalFooter","Modal","zIndex","applicationNode","autoFocus","toggle","ModalHeader","ModalBody","ModalFooter","binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","__bindings__","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}