\n
\n \n );\n case \"unauthorized\":\n return (\n You have been verified
\n\n
\n );\n default:\n return <>;\n }\n };\n\n getPrepaidCustomerAuthPopupClassName = () => {\n switch (this.state.authStatus) {\n case \"success\":\n return \"prepaid-first-input success-input\";\n case \"unauthorized\":\n return \"prepaid-first-input failed-input\";\n default:\n return \"prepaid-first-input\";\n }\n };\n\n render() {\n return (\n \n {`We could not verify your ${this.primaryAuthFieldName()} ${\n this.hasTwoStepAuth()\n ? ` or ${this.secondaryAuthFieldName()}`\n : \"\"\n }. Please try again.`}\n
\n\n \n
\n \n \n \n );\n }\n\n componentWillMount() {\n document.getElementsByTagName(\"body\")[0].classList.add(\"modal-open\");\n }\n\n componentWillUnmount() {\n document.getElementsByTagName(\"body\")[0].classList.remove(\"modal-open\");\n }\n}\n\nexport default PrepaidCustomerAuthPopup;\n\ninterface VerifyButtonTextProps {\n authStatus: string;\n}\n\nclass VerifyButtonText extends React.Component\n 
\n this.props.cancelPrepaidAuth()}\n >\n ×\n \n
\n \n Intercom(\"show\")}\n >\n Need Help?\n \n )}\n this.props.cancelPrepaidAuth()}\n >\n Cancel\n \n
\n \n Did you pre-register for a photo pack?\n
\n\n Please enter your details below to claim your{\" \"}\n <>\n
\n {!this.hasTwoStepAuth() ? (\n 
\n ) : (\n
\n )}\n {!this.state.showSecondaryAuth ? (\n \n \n
\n \n
\n 1
\n2
\n\n \n this.setState({ primaryAuthValue: e.target.value })\n }\n onKeyPress={target => {\n if (\n target.key === \"Enter\" &&\n !!this.state.primaryAuthValue?.trim()\n ) {\n this.verifyPrimaryAuth();\n }\n }}\n autoFocus={!/Mobi/i.test(window.navigator.userAgent)}\n >\n {this.getAuthenticationStatus()}\n \n
\n ) : (\n \n Enter your {this.primaryAuthFieldName()} to proceed.\n
\n\n \n this.setState({ secondaryAuthValue: e.target.value })\n }\n onKeyPress={target => {\n if (\n target.key === \"Enter\" &&\n !!this.state.secondaryAuthValue?.trim()\n ) {\n this.verifySecondaryAuth();\n }\n }}\n autoFocus={!/Mobi/i.test(window.navigator.userAgent)}\n >\n {this.getAuthenticationStatus()}\n \n
\n )}\n {this.state.showNeedHelp && (\n \n Please enter your {this.secondaryAuthFieldName()} to\n proceed\n
\n\n
\n );\n};\n\nexport default WebcamCapture;\n","import React, { useState, useContext, Fragment, useRef } from \"react\";\nimport ReactS3Uploader from \"react-s3-uploader\";\nimport ajax from \"superagent\";\nimport Color from \"color\";\nimport { EventGalleryContext } from \"../index\";\nimport UploadIcon from \"../vectors/UploadIcon\";\nimport SelfieIcon from \"../vectors/SelfieIcon\";\nimport ImageUploadAlert from \"../../ImageUploadAlert\";\nimport ContrastForegroundUtility from \"../../../utils/ContrastForegroundUtility\";\nimport WebcamCapture from \"./WebcamCapture\";\nconst delImage = require(\"../images/delete.svg\");\nconst infoIcon = require(\"../images/icon-info-red.svg\");\nconst placeholderImage = require(\"../../MasterImageSearch/images/placeholder-img-ver2.svg\");\n\nconst SelfieFilter = ({\n availPhotoBundleDiscount,\n updateFilter,\n closePopup,\n selectedImage,\n bundleDiscountInfo,\n setRemoveFilter,\n trackFilterEvents,\n filterPopUpTitle\n}: {\n availPhotoBundleDiscount?: () => void;\n updateFilter: (filter: string | null, clearAllFilters: boolean) => void;\n closePopup: () => void;\n selectedImage: string | null;\n bundleDiscountInfo: boolean;\n setRemoveFilter: (value: string) => void;\n trackFilterEvents?: (filterType: string) => void;\n filterPopUpTitle: \"primary\" | \"secondary\";\n}) => {\n const [previewImage, setPreviewImage] = useState\n \n Cancel\n \n \n Capture photo\n \n
\n \n \n
\n \n \n );\n};\n\nexport default SelfieFilter;\n","import React, { useCallback } from \"react\";\n\nconst LightBoxNavBtns = ({\n hasPrevImage,\n hasNextImage,\n resetLightBoxImage,\n photoIndex\n}: {\n hasPrevImage: boolean;\n hasNextImage: boolean;\n resetLightBoxImage: (index: number) => void;\n photoIndex: number;\n}) => {\n const prevImage = useCallback(\n e => {\n if (e) e.preventDefault();\n resetLightBoxImage(photoIndex - 1);\n },\n [photoIndex, resetLightBoxImage]\n );\n\n const nextImage = useCallback(\n e => {\n if (e) e.preventDefault();\n resetLightBoxImage(photoIndex + 1);\n },\n [photoIndex, resetLightBoxImage]\n );\n\n const leftArrow = () => {\n return (\n \n
\n \n \n
\n \n {filterPopUpTitle == \"primary\" ? (\n
\n \n {showWebcam ? \"Take a Selfie\" : \"Upload a Selfie\"}\n
\n ) : (\n <>\n\n It's easy to find your photos!\n
\n\n Simply add a selfie to view your matching\n photos instantly.\n
\n \n )}\n\n {context.event.isPhotoIndexingDisabled ? (\n\n \n
\n ) : (\n \n Selfie search is unavailable for this event\n
\n\n {bundleDiscountInfo && (\n setShowWebcam(false)}\n captured={(base64Img: string) => {\n setShowWebcam(!showWebcam);\n uploadBase64Image(base64Img);\n }}\n primaryColor={context.pageConfiguration.primaryColor}\n />\n ) : (\n <>\n
\n )}\n \n
\n )}\n {showWebcam ? (\n \n
\n \n Only photos detected by face recognition can be purchased\n through the photo bundle. Other photos will need to be\n purchased separately.\n
\n \n {previewImage ? (\n 
\n ) : selectedImage ? (\n \n 
\n (\n setRemoveFilter(\"removeSelfie\"),\n updateFilter(null, false)\n )}\n className=\"filter-delete-selfie\"\n >\n 
\n \n \n ) : (\n 
\n )}\n {uploadProgress && uploadProgress < 100 ? (\n
\n \n \n \n {uploadProgress}%\n \n
\n ) : null}\n \n Please upload or take a photo looking straight ahead to\n find matching photos.\n
\n\n setShowWebcam(true)}\n >\n \n \n context.cart &&\n context.cart.photoBundleDiscountAvailed &&\n context.cart.photos.length > 0\n ? //@ts-ignore\n (window.location = `${context.event.browsePhotosPath}?clear-cart-prompt=true`)\n : null\n }\n style={{ display: \"none\" }}\n getSignedUrl={getSignedUrl}\n accept=\"image/*\"\n preprocess={imageSelected}\n onProgress={completedPercent => {\n setUploadProgress(completedPercent);\n }}\n onError={console.error}\n onFinish={async result => {\n if (trackFilterEvents) {\n trackFilterEvents(\"selfie\");\n }\n availPhotoBundleDiscount &&\n (await availPhotoBundleDiscount());\n await updateFilter(\n result.signedUrl.split(\"?\")[0],\n false\n );\n setUploadProgress(null);\n }}\n uploadRequestHeaders={{\n \"x-amz-acl\": \"public-read\"\n }}\n scrubFilename={(filename: string) =>\n filename.replace(/[^\\w\\d_\\-.]+/gi, \"\")\n }\n contentDisposition=\"auto\"\n />\n \n )}\n
\n {!previewImage ? \n {hidden && (\n \n 
\n \n )}\n {showFavIcon && (\n {\n likeUserId\n ? (handleLikeButtonClick(photo.id, likeUserId, \"lightbox\"),\n setLiked(!liked))\n : setEmailModal(true),\n trackGuestFavoriteEmailPrompted(photo.id, \"lightbox\");\n }}\n >\n 
\n \n )}\n\n {event.overlayImageEnabled ? (\n
\n );\n};\n\nexport default LightboxImage;\n","import React from \"react\";\n\nconst SaveIcon = ({ color }: { color: string }) => {\n return (\n \n \n
\n \n {hidden && (\n \n \n \n )}\n \n
\n );\n};\n\nexport default LightBoxVideo;\n","import React, { useRef, useEffect, useContext } from \"react\";\nimport * as EmailValidator from \"email-validator\";\nimport { EventGalleryContext } from \"./index\";\nimport Telemetry from \"../../utils/rudderstackAnalytics\";\n\nconst EmailPopup = ({\n closePopup,\n handleLikeButtonClick,\n closeLightBox,\n photoId\n}: {\n closePopup: () => void;\n handleLikeButtonClick: (\n photoId: number,\n userId: number,\n source: string,\n userEmail: string\n ) => void;\n closeLightBox: Function;\n photoId: number;\n}) => {\n const emailInput: any = useRef(null);\n const context = useContext(EventGalleryContext);\n\n const registerEmailAddress = () => {\n const email = emailInput.current.value.toLowerCase();\n\n if (EmailValidator.validate(email)) {\n const requestData = { email: email, event_id: context.event.id };\n\n fetch(context.registerGuestUserAPI, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify(requestData)\n })\n .then(response => {\n if (!response.ok) {\n throw new Error(\"Network response was not ok\");\n }\n return response.json();\n })\n .then(data => {\n const userId = data.user_id;\n const source = \"lightbox\";\n closePopup();\n closeLightBox();\n Telemetry.track(\"event-gallery:guest-favorites-provided-email\", {\n eventId: context.event.id,\n eventName: context.event.name,\n photoId: photoId,\n source: source\n });\n context.setGuestUserId(userId);\n handleLikeButtonClick(photoId, userId, source, email);\n })\n .catch(error => {\n console.error(\"An error occurred while registering the user:\", error);\n //@ts-ignore\n toastr.error(\"An error occurred while registering the user.\");\n });\n } else {\n //@ts-ignore\n toastr.error(\"The email you've entered is invalid.\");\n }\n };\n\n useEffect(() => {\n const handleKeyPress = (event: KeyboardEvent) => {\n if (event.key === \"Enter\") {\n registerEmailAddress();\n }\n };\n\n emailInput.current.addEventListener(\"keypress\", handleKeyPress);\n\n return () => {\n emailInput.current.removeEventListener(\"keypress\", handleKeyPress);\n };\n }, []);\n\n return (\n \n \n
\n \n \n \n );\n};\n\nexport default EmailPopup;\n","import React, {\n useContext,\n useState,\n useEffect,\n useCallback,\n Fragment\n} from \"react\";\nimport _, { set } from \"lodash\";\nimport LightboxImage from \"./LightboxImage\";\nimport { EventGalleryContext } from \"./index\";\nimport { FindPhotosGalleryContext } from \"../MasterImageSearch/components/results/PhotosContainer\";\nimport { Photo } from \"./types\";\nimport { addParamToURL, withCartIdParam } from \"../../utils/BrowserHelper\";\nimport Telemetry from \"../../utils/rudderstackAnalytics\";\n// @ts-ignore\nimport ahoy from \"ahoy.js\";\nimport ajax from \"superagent\";\nimport SaveIcon from \"./vectors/SaveIcon\";\nimport TagsSection from \"../BrowseEvent/components/albums/TagsSections\";\n// const LightBoxVideo =\n// require(\"../BrowseEvent/components/albums/LightBoxVideo\").default;\nconst phIcon = require(\"./images/camera.svg\");\nimport HideIcon from \"./vectors/HideIcon\";\nimport HideCancel from \"./vectors/HideCancel\";\nimport LightBoxVideo from \"./LightBoxVideo\";\nimport {\n AddToCart,\n RemoveFromCart,\n LightBoxViewCart\n} from \"./vectors/LightBoxCartIcons\";\nimport ISOToDateTimeFormat from \"../../utils/ISOToDateTimeFormat\";\nimport ContrastForegroundUtility from \"../../utils/ContrastForegroundUtility\";\nimport EmailPopup from \"./EmailPopup\";\nimport { get } from \"jquery\";\n\ninterface Video {\n videoContent: boolean;\n videoMuxPlaybackId: string;\n videoStartTime: string;\n hidden: boolean;\n id: number;\n}\n\nconst LightBox = ({\n photos,\n photoIndex,\n toggleLightBox,\n trackTelemetry = false,\n parentName,\n isAuthorizedForDirectDownloads,\n userId,\n primaryColor,\n curationApiCalled,\n setCurationApiCalled,\n showFavIcon,\n canShowGuestEmailModal\n}: {\n photos: Photo[];\n photoIndex: number;\n toggleLightBox: (index: number) => void;\n trackTelemetry: boolean;\n parentName?: string;\n isAuthorizedForDirectDownloads: boolean;\n userId?: number;\n primaryColor?: string;\n curationApiCalled: boolean;\n setCurationApiCalled: Function;\n showFavIcon?: boolean;\n canShowGuestEmailModal: (photo: any) => void;\n}) => {\n const [photoSaved, setPhotoSaved] = useState(false);\n const getPhoto = photos[photoIndex];\n const [defaultHidden, setDefaultHidden] = useState(getPhoto.hidden);\n const [mediaTags, setMediaTags] = useState<\n Array<{\n name: string;\n tagId: number;\n taggableType: string;\n }>\n >([]);\n const eventGalleryContext = useContext(EventGalleryContext);\n const findPhotosContext = useContext(FindPhotosGalleryContext);\n const cartId = eventGalleryContext.cart\n ? eventGalleryContext.cart.id\n : findPhotosContext.cart\n ? findPhotosContext.cart.id\n : null;\n const isEmbed = eventGalleryContext.isEmbed\n ? eventGalleryContext.isEmbed\n : findPhotosContext.isEmbed;\n\n const [liked, setLiked] = useState(false);\n const [emailModal, setEmailModal] = useState(false);\n\n const resetLightBoxImage = (index: number) => {\n toggleLightBox(index);\n };\n\n const canDownloadPhotos = () =>\n eventGalleryContext.isAuthorizedForDirectDownloads ||\n isAuthorizedForDirectDownloads;\n\n const hasPrevImage = () => {\n return !!photos[photoIndex - 1];\n };\n const hasNextImage = () => {\n return !!photos[photoIndex + 1];\n };\n useEffect(() => {\n if (eventGalleryContext.curationMode) {\n fetch(\n `/api/v1/photos/${getPhoto.id}/is_hidden?user_id=${\n userId || eventGalleryContext.userId\n }`\n )\n .then(response => response.json())\n .then(data => setDefaultHidden(data.is_hidden));\n }\n if (canDownloadPhotos()) {\n fetch(\n `/api/v1/photos/${getPhoto.id}/is_saved?user_id=${\n userId || eventGalleryContext.userId\n }`\n )\n .then(response => response.json())\n .then(data => setPhotoSaved(data.is_saved));\n }\n if (eventGalleryContext.canManageTags) {\n getTags();\n }\n if (eventGalleryContext.userId || eventGalleryContext.guestUserId) {\n fetch(\n `/api/v1/photos/${getPhoto.id}/is_liked?user_id=${\n userId ||\n eventGalleryContext.userId ||\n eventGalleryContext.guestUserId\n }`\n )\n .then(response => response.json())\n .then(data => setLiked(data.is_liked));\n }\n }, [photoIndex]);\n\n const handleSave = () => {\n ajax\n .post(\n addParamToURL(\n withCartIdParam(\n `/api/v1/photos/${getPhoto.id}/save`,\n cartId,\n isEmbed\n ),\n \"user_id\",\n userId || eventGalleryContext.userId\n )\n )\n .then(() => {\n setPhotoSaved(true);\n // @ts-ignore\n toastr.success(\"Photo saved\", null, { timeOut: 1000 });\n });\n };\n\n const handleUnsave = () => {\n ajax\n .delete(\n addParamToURL(\n withCartIdParam(`/api/v1/photos/${getPhoto.id}/unsave`, cartId),\n \"user_id\",\n userId || eventGalleryContext.userId\n )\n )\n .then(() => {\n setPhotoSaved(false);\n // @ts-ignore\n toastr.success(\"Photo unsaved!\", null, { timeOut: 1000 });\n });\n };\n\n useEffect(() => {\n if (trackTelemetry)\n ahoy.track(\"photoView\", {\n photo_id: getPhoto.id,\n album_id: getPhoto.album.id,\n event_id: getPhoto.album.eventId\n });\n\n document\n .getElementsByTagName(\"body\")[0]\n .classList.add(\"modal-open\", \"egm-single-ph-open\");\n // eventGalleryContext.canManageTags\n // ? null\n // : document.body.addEventListener(\"touchmove\", preventDefault, {\n // passive: false\n // });\n\n return () => {\n document\n .getElementsByTagName(\"body\")[0]\n .classList.remove(\"modal-open\", \"egm-single-ph-open\");\n // eventGalleryContext.canManageTags\n // ? null\n // : document.body.removeEventListener(\"touchmove\", preventDefault);\n };\n }, []);\n\n const getTags = () => {\n ajax\n .get(`/api/v1/content_tags/${getPhoto.id}`)\n .then(response => setMediaTags(response.body.appliedTags))\n .catch(error => {\n // @ts-ignore\n toastr.error(\"There was an error loading tags\");\n console.error(error);\n });\n };\n\n const colorTheme = () =>\n primaryColor\n ? primaryColor\n : eventGalleryContext.pageConfiguration\n ? eventGalleryContext.pageConfiguration.primaryColor\n : \"#259FA5\";\n\n const handleCloseLightBox = () => (\n setCurationApiCalled(false),\n toggleLightBox(-1),\n eventGalleryContext.curationMode &&\n curationApiCalled &&\n eventGalleryContext.reloadAlbumPhotos(true)\n );\n\n const curatePhoto = async () => {\n const hiddenVal = curationApiCalled ? defaultHidden : getPhoto.hidden;\n const action = hiddenVal == true ? \"unhide\" : \"hide\";\n try {\n const res = await $.ajax({\n url: `/api/v1/photos/${action}`,\n type: \"POST\",\n data: {\n photo_ids: [getPhoto.id],\n event_id: getPhoto.album.eventId\n }\n });\n\n //@ts-ignore\n toastr.success(\"Successfully updated\");\n setDefaultHidden(!hiddenVal);\n } catch (err) {\n //@ts-ignore\n toastr.error(\"Failed to update\");\n console.error(err);\n }\n };\n\n const handleVideoLike = () => {\n if (eventGalleryContext.guestUserId || eventGalleryContext.userId) {\n handleLikeButtonClick(\n getPhoto.id,\n //@ts-ignore\n eventGalleryContext.userId || eventGalleryContext.guestUserId,\n \"lightbox\"\n );\n setLiked(!liked);\n } else {\n setEmailModal(true);\n trackGuestFavoriteEmailPrompted(getPhoto.id, \"lightbox\");\n }\n };\n\n const addLike = async (\n photoId: number,\n userId: number,\n source: string,\n userEmail: string | null\n ) => {\n const url = `${eventGalleryContext.addPhotoToFavoritesAPI}?photo_id=${photoId}&user_id=${userId}`;\n try {\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n }\n });\n if (userEmail) {\n eventGalleryContext.setGuestUserCart(\n userId,\n userEmail,\n eventGalleryContext.cart\n );\n }\n if (response.ok) {\n setLiked(true);\n trackAddToFavorite({ photoId, source });\n if (\n eventGalleryContext.filterSelections.favorite &&\n (eventGalleryContext.userId || eventGalleryContext.guestUserId)\n ) {\n }\n } else {\n const data = await response.json();\n if (response.status === 409) {\n //@ts-ignore\n toastr.error(data.error);\n trackAddToFavorite({ photoId, source });\n console.warn(\"Photo is already liked.\");\n } else {\n console.error(\"Error adding like:\", data.error);\n }\n }\n } catch (error) {\n console.error(\"Error adding like:\", error);\n }\n };\n\n const removeLike = async (photoId: number, userId: number) => {\n const url = `${eventGalleryContext.removePhotoFromFavoritesAPI}?photo_id=${photoId}&user_id=${userId}`;\n\n try {\n const response = await fetch(url, {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\"\n }\n });\n\n if (response.ok) {\n setLiked(false);\n } else {\n const data = await response.json();\n console.error(\"Error removing like:\", data.error);\n }\n } catch (error) {\n console.error(\"Error removing like:\", error);\n }\n };\n\n const handleLikeButtonClick = async (\n photoId: number,\n userId: number,\n source: string,\n userEmail?: string\n ) => {\n if (!eventGalleryContext.guestUserId && !eventGalleryContext.userId) {\n await addLike(photoId, userId, source, userEmail ? userEmail : null);\n } else {\n if (liked) {\n removeLike(photoId, userId);\n } else {\n addLike(photoId, userId, source, userEmail ? userEmail : null);\n }\n }\n };\n\n const trackAddToFavorite = ({\n photoId,\n source\n }: {\n photoId: number;\n source: string;\n }) => {\n Telemetry.track(\"event-gallery:add-to-favorites\", {\n eventId: eventGalleryContext.event.id,\n eventName: eventGalleryContext.event.name,\n photoId: photoId,\n source: source\n });\n };\n\n const trackGuestFavoriteEmailPrompted = (photoId: number, source: string) => {\n Telemetry.track(\"event-gallery:guest-favorites-email-prompted\", {\n eventId: eventGalleryContext.event.id,\n eventName: eventGalleryContext.event.name,\n photoId: photoId,\n source: source\n });\n };\n\n return (\n <>\n \n
\n \n
\n \n \n closePopup()}\n >\n ×\n \n
\n \n \n registerEmailAddress()}\n >\n Done\n \n
\n \n
\n Please enter your email address to save favorites
\n\n Click the Favorites icon in the filters panel to access your\n favorite items at any time\n
\n\n
\n \n You will be notified when all photos have been uploaded.\n
\n\n
\n \n {emailModal && (\n \n
\n \n handleCloseLightBox()}\n >\n ×\n \n
\n \n
\n \n
\n \n
\n \n \n {photos[photoIndex] && photos[photoIndex].videoContent ? (\n
\n \n
\n ) : (\n \n
\n {eventGalleryContext.canManageTags && (\n <>\n \n {\n e.preventDefault();\n if (trackTelemetry) {\n Telemetry.track(\"event-gallery:add-to-cart\", {\n eventId: event.id,\n eventName: event.name,\n photoId: photo.id,\n cartId: cartId,\n source: \"lightbox\",\n embeddedMode: isEmbed\n });\n }\n if (eventGalleryContext.canShowEmailPopup()) {\n canShowGuestEmailModal(photo);\n } else if (eventGalleryContext.event) {\n eventGalleryContext.addPhotoToCart(photo);\n } else {\n findPhotosContext.addPhotoToCart(photo);\n }\n }}\n className=\"btn-add-cart geo-btn--caps\"\n style={{\n background: ContrastForegroundUtility.lbFgColor(colorTheme())\n }}\n >\n \n Add to cart\n \n
\n )}\n {cartHasPhotos() ? (\n \n {freeEvent() ? (\n
\n\n Free
\n ) : isPrepaid() ? (\n\n \n {eventGalleryContext.event.displayPrice}{\" \"}\n \n \n {eventGalleryContext.event.currency}\n \n Free \n
\n ) : (\n \n {event.displayPrice}{\" \"}\n {event.currency}\n
\n )}\n\n*for High quality digital download
\n\n {photo.isSelected ? (\n {\n e.preventDefault();\n if (trackTelemetry) {\n Telemetry.track(\"event-gallery:remove-from-cart\", {\n eventId: event.id,\n eventName: event.name,\n photoId: photo.id,\n cartId: cartId,\n source: \"lightbox\",\n embeddedMode: isEmbed\n });\n }\n eventGalleryContext.cart\n ? eventGalleryContext.removePhotoFromCart(photo)\n : findPhotosContext.removePhotoFromCart(photo);\n }}\n className=\"btn-rem-cart geo-btn--caps\"\n style={{\n border: `1px solid ${ContrastForegroundUtility.lbFgColor(\n colorTheme()\n )}`\n }}\n >\n \n Remove\n \n
\n ) : (\n \n
\n \n \n {canDownloadPhotos() ? (\n \n toggleSave()}\n style={{\n border: `1px solid ${ContrastForegroundUtility.lbFgColor(\n colorThemeBorder()\n )}`\n }}\n >\n \n \n ) : null}\n {eventGalleryContext.curationMode && (\n (curatePhoto(), setCurationApiCalled(true))}\n >\n {defaultHidden ? (\n
\n \n {!hidePhotographersFilter() && photo.album.photographerName && (\n
\n\n \n {\" \"}\n
\n {props.item.hidden && (\n \n 
\n \n )}\n {props.item.videoContent && (\n
\n );\n };\n\n const updatePhotoInCart = (photo: any) => {\n if (photo.isSelected) {\n if (trackTelemetry) {\n Telemetry.track(\"event-gallery:remove-from-cart\", {\n eventId: context.event?.id,\n eventName: context.event?.name,\n photoId: photo.id,\n cartId: context.cart?.id,\n source: \"thumbnail\",\n embeddedMode: context.isEmbed\n });\n }\n if (context.cart) context.removePhotoFromCart(photo);\n else findPhotosContext.removePhotoFromCart(photo);\n } else {\n if (trackTelemetry) {\n Telemetry.track(\"event-gallery:add-to-cart\", {\n eventId: context.event?.id,\n eventName: context.event?.name,\n photoId: photo.id,\n cartId: context.cart?.id,\n source: \"thumbnail\",\n embeddedMode: context.isEmbed\n });\n }\n if (context.canShowEmailPopup()) {\n canShowGuestEmailModal(photo);\n } else if (context.event) {\n // considering this context is from MobileEventGallery\n // Needs to be Refactored\n context.addPhotoToCart(photo, true);\n } else {\n findPhotosContext.addPhotoToCart(photo);\n }\n }\n };\n\n useEffect(() => {\n if (photoIndex >= 0) {\n setShowLightBox(true);\n }\n }, [photoIndex]);\n\n const toggleLightBox = (index: number) => {\n if (photos[photoIndex] && photos[photoIndex].videoContent) {\n setShowLightBox(false);\n }\n setPhotoIndex(index);\n if (index == -1) {\n setShowLightBox(false);\n }\n if (index >= 0) {\n if (!context.guestUserId) {\n setCurrentMedia({\n mediaId: photos[index].id,\n currentState: photos[index].favorite\n });\n }\n if (trackTelemetry) {\n ahoy.track(\"albumInteraction\", {\n secondary_type: \"openedPhotoLightbox\",\n album_id: photos[index].album.id,\n event_id: photos[index].album.eventId\n });\n Telemetry.track(\"event-gallery:opened-lightbox\", {\n eventId: context.event.id,\n eventName: context.event.name,\n photoId: photos[index].id,\n embeddedMode: context.isEmbed\n });\n }\n }\n };\n\n const contextMenu = (e: any) => {\n e.preventDefault();\n return false;\n };\n\n const tagStyle = {\n display: \"inline\",\n padding: \".2em .6em .3em\",\n fontSize: \"60%\",\n fontWeight: \"600\",\n lineHeight: \"1\",\n color: \"#FFF\",\n background: \"rgba(7,36,22,.6)\",\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n verticalAlign: \"baseline\",\n borderRadius: \".25em\"\n };\n\n const handleImageSelect = ({\n photo,\n index\n }: {\n photo: any;\n index: number;\n }) => {\n context.curationMode\n ? //@ts-ignore\n (setphotos(context.getPhotoId(photo, index, photos)),\n context.getPhotoId(photo, index, photos))\n : updatePhotoInCart(photo);\n };\n\n return (\n \n 0 ? photosState : photos}\n rowHeight={120}\n margin={5}\n enableLightbox={false}\n enableImageSelection={false}\n onClickThumbnail={(index: number) => {\n toggleLightBox(index);\n }}\n tagStyle={tagStyle}\n tileViewportStyle={customThumbViewportStyle}\n thumbnailStyle={customThumbStyle}\n selectedIconColor={\n primaryColor\n ? primaryColor\n : context.pageConfiguration\n ? context.pageConfiguration.primaryColor\n : \"#259FA5\"\n }\n enableKeyboardInput={true}\n onContextMenu={contextMenu}\n onRender={() => null}\n thumbnailImageComponent={(props: any) => {\n return (\n 0 ? photosState : photos}\n photoIndex={photoIndex}\n toggleLightBox={toggleLightBox}\n trackTelemetry={trackTelemetry}\n isAuthorizedForDirectDownloads={isAuthorizedForDirectDownloads}\n userId={userId}\n primaryColor={primaryColor}\n curationApiCalled={curationApiCalled}\n setCurationApiCalled={(val: boolean) => setCurationApiCalled(val)}\n parentName={parentName}\n showFavIcon={showFavIcon}\n canShowGuestEmailModal={canShowGuestEmailModal}\n />\n )}\n
\n );\n};\n\nconst customThumbViewportStyle = function () {\n // @ts-ignore\n const item = this.props.item;\n return {\n width: item.vwidth,\n minWidth: 60,\n height: item.height,\n overflow: \"hidden\",\n position: \"initial\"\n };\n};\n\nconst customThumbStyle = function () {\n // @ts-ignore\n const item = this.props.item;\n return {\n cursor: \"pointer\",\n width: item.scaletwidth,\n height: item.height,\n marginLeft: item.marginLeft,\n marginTop: 0,\n WebkitTouchCallout: \"none\"\n };\n};\n\nexport default MobilePhotoGallery;\n","import React from \"react\";\nimport { Photo } from \"./types\";\nimport _ from \"lodash\";\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport MobilePhotoGallery from \"./MobilePhotoGallery\";\nconst gssNewLoader = require(\"../../assets/gss-loader.gif\");\n\nconst Photos = ({\n photos,\n hasMore,\n loadPhotos,\n trackTelemetry,\n isAuthorizedForDirectDownloads,\n userId,\n primaryColor,\n reset,\n parentName,\n showFavIcon,\n canShowGuestEmailModal\n}: {\n photos: Photo[];\n hasMore: boolean;\n loadPhotos: () => void;\n trackTelemetry: boolean;\n isAuthorizedForDirectDownloads: boolean;\n userId?: number;\n primaryColor?: string;\n reset?: boolean;\n parentName?: string;\n showFavIcon?: boolean;\n canShowGuestEmailModal: (photo: any) => void;\n}) => {\n return (\n \n \n 
\n
\n }\n >\n \n
\n \n );\n};\nexport default Header;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { Album, Photo } from \"./types\";\nimport ajax from \"superagent\";\nimport Photos from \"./Photos\";\nimport \"./styles/albums-list.css\";\nimport { EventGalleryContext } from \"./index\";\nimport { withCartIdParam } from \"../../utils/BrowserHelper\";\nimport _ from \"lodash\";\n\nconst leftArrIcon = require(\"./styles/left-arrow.svg\");\n\nconst AlbumPhotos = ({\n album,\n toggleAlbum,\n eventPassword,\n canShowGuestEmailModal\n}: {\n album: Album;\n toggleAlbum: (album: Album | null) => void;\n eventPassword: string;\n canShowGuestEmailModal: (photo: any) => boolean;\n}) => {\n const [photos, setPhotos] = useState\n
\n \n
\n \n \n {!albumModeID && canShowBackBtn ? (\n
\n \n \n
\n ) : null}\n \n {albumModeID && (\n \n promptLinkedEventsPopup()}\n >\n Linked Events\n \n )}\n
\n \n {\" \"}\n {event.name}{\" \"}\n
\n \n )}\n\n {albumModeID ? albumName : event.name}\n
\n \n {event.date + \" \"}\n \n {\"• \" + event.location}\n \n {event.country}\n \n {linkedEventsAvailable && (\n\n
\n );\n};\nexport default AlbumPhotos;\n","import React from \"react\";\n\nconst AlbumsIcon = ({ color }: { color: string }) => {\n return (\n \n toggleAlbum(null)}\n >\n 
\n \n
\n {photos && (\n \n
\n {album.name}
\n\n {album.photosCount} photos{\" \"}\n {!context.hidePhotographersFilter && (\n \n • by{\" \"}\n
\n {\n openAlbum(album);\n }}\n >\n
\n ))}\n \n );\n};\nexport default AlbumsList;\n","import React, { useContext } from \"react\";\nimport { EventGalleryContext } from \"../index\";\nconst noImgIcon = require(\"../images/dark-no-imgs.svg\");\nconst clearIcon = require(\"../styles/clear-icon.svg\");\n\nconst AlbumsIcon = () => {\n const context = useContext(EventGalleryContext);\n return (\n \n
\n {albums.map(album => (\n \n
\n \n
\n \n {album.name}\n \n \n
\n {album.photosCount} photos{\" \"}\n {!context.hidePhotographersFilter && (\n <>\n • by \n {album.photographerName}\n \n )}\n
\n\n
\n );\n};\nexport default AlbumsIcon;\n","import React, { useState, useContext, useEffect, useRef } from \"react\";\nimport { Album, Cart, FilterSelections, Photo } from \"./types\";\nimport AlbumPhotos from \"./AlbumPhotos\";\nimport ajax from \"superagent\";\nimport { EventGalleryContext } from \"./index\";\nimport AlbumsList from \"./AlbumsList\";\nimport Photos from \"./Photos\";\nimport NoMatchingPhotos from \"./Filters/NoMatchingPhotos\";\nimport _ from \"lodash\";\nimport { removeParam, addParam } from \"../../utils/BrowserHelper\";\nconst gssNewLoader = require(\"../../assets/gss-loader.gif\");\nimport Telemetry from \"../../utils/rudderstackAnalytics\";\nimport SaveCart from \"../SaveCartEmailPopup\";\n\ninterface Like {\n photoId: number;\n userId: number;\n}\n\nconst GalleryBody = ({\n albums,\n eventPhotosAPI,\n openedAlbum,\n userInputPassword,\n listOfMediaId,\n userId,\n setGuestUserCart,\n handlePhotoAddedToCart,\n photoAddedToCart,\n removePhotoAddedToCart\n}: {\n albums: Album[];\n eventPhotosAPI: string;\n openedAlbum: Album | null;\n userInputPassword: string;\n listOfMediaId: Array<{ id: number; hidden: boolean }>;\n userId: number | null;\n setGuestUserCart: (userId: number, userEmail: string, cart: Cart) => void;\n handlePhotoAddedToCart: (photo: any) => void;\n photoAddedToCart: any;\n removePhotoAddedToCart: () => void;\n}) => {\n const [activeAlbum, toggleAlbum] = useState\n 
\n (\n context.setRemoveFilter(\"clearAllFilters\"), context.resetFilter()\n )}\n >\n 
Clear filters\n \n
\n \n No photos found under the selected filters\n
\n\n {loading ? (\n {\n removePhotoAddedToCart();\n setShowSaveCartModal(null);\n if (!prepaidAuthCookie()) {\n context.addPhotoToCart(showSaveCartModal);\n }\n }}\n setSaveCartPromptShown={() =>\n localStorage.setItem(\"isUserAskedForEmailToSaveCart\", \"true\")\n }\n setGuestUserCart={context.setGuestUserCart}\n trackCartEmailPopupActions={context.trackCartEmailPopupActions}\n emailMandatory={prepaidAuthCookie()}\n />\n )}\n
\n );\n};\nexport default GalleryBody;\n","import React, { useContext } from \"react\";\n// @ts-ignore\nimport Pluralize from \"react-pluralize\";\nimport { withCartIdParam } from \"../../utils/BrowserHelper\";\nimport ContrastForegroundUtility from \"../../utils/ContrastForegroundUtility\";\nimport { Cart } from \"./types\";\nimport { LightBoxViewCart } from \"./vectors/LightBoxCartIcons\";\nimport { EventGalleryContext } from \"./index\";\n\nconst EmbedHeader = ({\n cart,\n isEmbed,\n primaryColor\n}: {\n cart: Cart;\n isEmbed: boolean;\n primaryColor: string;\n}) => {\n const context = useContext(EventGalleryContext);\n\n return (\n \n {\" \"}\n \n
\n ) : noPhotosMatched ? (\n \n loadPhotos(context.filterSelections)}\n hasMore={!!nextPage}\n trackTelemetry={true}\n userId={context.userId ? context.userId : undefined}\n isAuthorizedForDirectDownloads={false}\n reset={context.filterSelections.favorite ? true : false}\n showFavIcon={true}\n canShowGuestEmailModal={canShowGuestEmailModal}\n />\n
\n ) : activeAlbum ? (\n \n \n \n \n\n
\n );\n};\n\nexport default EmbedHeader;\n","import React, { useContext } from \"react\";\nimport { Event } from \"./types\";\nimport _ from \"lodash\"; // TODO: use lodash-es, import only what's needed\nimport \"../OrganizationEvents/styles/get-notified-popup.css\";\nimport { moment } from \"../../utils/fakeMoment\";\nimport BellIcon from \"../OrganizationEvents/BellIcon\";\nimport ContrastForegroundUtility from \"../../utils/ContrastForegroundUtility\";\nimport { EventGalleryContext } from \"./index\";\n\nconst closeIcon = require(\"../OrganizationEvents/styles/remove.svg\");\n\nconst GetNotifiedPopup = ({\n event,\n registerCustomerLead,\n clearSelection\n}: {\n event: Event;\n registerCustomerLead: (email: string) => void;\n clearSelection: () => void;\n}) => {\n const customerEmailField: any = React.createRef();\n const context = useContext(EventGalleryContext);\n\n return (\n \n {cart?.photos?.length ? (\n \n \n
\n \n
{\" \"}\n \n \n );\n};\n\nexport default GetNotifiedPopup;\n","import React from \"react\";\n\nconst CloseIcon = ({ color }: { color: string }) => {\n return (\n \n {context.pageConfiguration && (\n \n {\" \"}\n Cancel\n \n
\n )}\n \n
\n \n clearSelection()}\n className=\"get-notified-close-icon\"\n />\n
\n \n
\n Get Notified
\n\n Please enter your email to know when photos are uploaded to this\n event.\n
\n\n
\n \n \n
\n \n {moment(event.startDate).format(\"D\")}\n
\n\n {moment(event.startDate).format(\"MMM\")}\n
\n\n {moment(event.startDate).format(\"YYYY\")}\n
\n\n
\n {event.name}
\n{event.location}
\n\n \n registerCustomerLead(customerEmailField.current.value)\n }\n >\n {\" \"}\n Notify me{\" \"}\n \n
\n \n
\n );\n};\nexport default GetNotifiedBanner;\n","import React from \"react\";\n\nconst NotiIcon = ({ color }: { color: string }) => {\n return (\n \n
\n \n \n userEmail ? registerCustomerLead(userEmail) : getNotifiedPopup()\n }\n >\n Notify me\n \n
\n \n
\n \n
\n \n Photos are still being uploaded\n
\n\n \n
\n \n
\n );\n};\nexport default NoPhotos;\n","import React from \"react\";\n\nconst LockIcon = ({ color }: { color: string }) => {\n return (\n \n \n {\" \"}\n \n )}\n
\n No photos uploaded yet
\n {!userOptedNotify && (\n\n Get notified when photos are uploaded\n
\n {submitted ? (\n\n Thanks, we'll send you an email once the photos are ready.\n
\n ) : (\n \n {!userEmail && (\n \n userEmail\n ? (registerCustomerLead(userEmail), setSubmitted(true))\n : (registerCustomerLead(\n customerEmailField.current.value\n ),\n setSubmitted(\n testEmail(customerEmailField.current.value)\n ))\n }\n >\n {\" \"}\n Notify me{\" \"}\n \n )}\n
\n )}\n \n
\n
\n \n );\n};\nexport default PasswordProtected;\n","import React, { useContext, useState } from \"react\";\nimport { Event } from \"./types\";\nimport SelfieFilter from \"./Filters/SelfieFilter\";\nimport { EventGalleryContext } from \"./index\";\nconst selfieIllus = require(\"./images/selfi-illustration.svg\");\n\nconst PasswordProtected = ({\n updateFilters,\n trackPrivateEventSelfieUploadFlow,\n trackSelfieFilterApplied\n}: {\n updateFilters: (\n newFilters: { [x: string]: any },\n clearFilters: boolean\n ) => void;\n trackPrivateEventSelfieUploadFlow: (trackEventName: string) => void;\n trackSelfieFilterApplied: () => void;\n}) => {\n const [selfieUploadPopup, toggleSelfieUploadPopup] = useState(false);\n const context = useContext(EventGalleryContext);\n\n return (\n \n
\n This event is protected
\n\n Please enter the password provided by the Event Organiser\n
\n\n
\n Contact the{\" \"}\n
\n
\n );\n};\n\nexport default PasswordProtected;\n","import { moment } from \"../../utils/fakeMoment\";\nimport React from \"react\";\nimport { Event } from \"./types\";\nimport \"./styles/filters.css\";\n\nconst LinkedEventsPopup = ({\n linkedEvents,\n closeLinkedEventsPopup\n}: {\n linkedEvents: Event[];\n closeLinkedEventsPopup: () => void;\n}) => {\n return (\n \n \n {\" \"}\n
\n {\n trackPrivateEventSelfieUploadFlow(\n \"event-gallery:private-event:selfie-button-clicked\"\n );\n context.showPrepaidClearCartWarning\n ? context.promptClearPrepaidCart()\n : toggleSelfieUploadPopup(true);\n }}\n >\n {context.hideUploadSelfie ? \"Take\" : \"Upload\"} a Selfie\n \n {selfieUploadPopup && (\n {\n updateFilters(\n {\n referenceImage: imageURL\n },\n false\n );\n toggleSelfieUploadPopup(false);\n trackPrivateEventSelfieUploadFlow(\n \"event-gallery:private-event:selfie-uploaded\"\n );\n trackSelfieFilterApplied();\n }}\n closePopup={() => toggleSelfieUploadPopup(false)}\n selectedImage={\"\"}\n bundleDiscountInfo={false}\n setRemoveFilter={context.setRemoveFilter}\n filterPopUpTitle=\"primary\"\n />\n )}\n
\n \n {\" \"}\n 
\n \n It's easy to find your photos!\n \n
\n \n Simply upload a selfie to view your matching photos\n instantly.\n
\n\n \n
\n \n \n );\n};\n\nexport default LinkedEventsPopup;\n","import React, { useContext, Fragment } from \"react\";\nimport { removeParam } from \"../../../utils/BrowserHelper\";\nconst warnIcon = require(\"../styles/icon-red-warn.svg\");\nimport { EventGalleryContext } from \"../index\";\n\ninterface PromptClearPrepaidCartProps {\n closePopup: Function;\n clearCart: () => void;\n primaryAuth: string;\n}\n\nconst PromptClearPrepaidCart = ({\n closePopup,\n clearCart,\n primaryAuth\n}: PromptClearPrepaidCartProps) => {\n const removePopupParam = async () => {\n await removeParam(\"clear-cart-prompt\", window.location.href);\n closePopup(false);\n };\n\n const context = useContext(EventGalleryContext);\n\n return (\n \n closeLinkedEventsPopup()}\n >\n ×\n \n
\n \n \n
\n \n ))}\n
\n \n {linkedEvents.length} Linked Events\n
\n {linkedEvents.map((event: any) => (\n{event.name}
\n \n {moment(event.startDate).format(\"MMMM DD, YYYY, dddd\")}\n
\n {event.location}
\n \n {event.albumsCount} Albums\n
\n \n \n ))}\n
\n \n
\n \n \n );\n};\n\nexport default PromptClearPrepaidCart;\n","import React, { useContext } from \"react\";\nimport \"./styles/albums-list.css\";\nimport { EventGalleryContext } from \"./index\";\nconst deleteIcon = require(\"./styles/delete.svg\");\n\n// @ts-ignore\nimport HideCancel from \"./vectors/HideCancel\";\nimport HideIcon from \"./vectors/HideIcon\";\n\nconst CurationMode = ({\n activeFilters,\n curationMode,\n selectAll,\n selectAllVisible,\n listOfMediaId,\n setBulkTagging,\n confirmDelete,\n curatePhotos,\n canDeletePhotos,\n pageConfiguration,\n hideOrUnhideAction\n}: {\n activeFilters: Function;\n curationMode: boolean;\n selectAll: boolean;\n selectAllVisible: Function;\n listOfMediaId: Array\n
\n \n \n {\n removePopupParam();\n }}\n >\n ×\n \n
\n \n
\n Clear your cart to redeem the pack
\n\n {primaryAuth === \"cookie\" ? (\n
\n \n The pack can be applied only to this event, clear your cart to\n continue\n
\n ) : (\n\n This offer applies to only one (1) selfie per event. Please\n clear the cart in order to upload a selfie.\n
\n )}\n\n {\n removePopupParam();\n }}\n >\n Cancel\n \n {\n await clearCart();\n removePopupParam();\n }}\n >\n Clear Cart\n \n
\n