{"version":3,"file":"static/chunks/pages/gallery-446540c57da88db4.js","mappings":"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CA,gBACA,kBACA,kBACA,iBACC,EACD,WACA,QACA,mBAAY,uBAAmC,EAC/C,UACA,WACA,+CACA,yDACA,cAAqC,eACrC,QAD4D,MAE5D,MArBA,wBACA,mBACA,aACA,mCACA,EAiBA,eACA,oBACA,UACA,CACA,QACA,CACA,EAOA,CACA,SACA,gBACA,kBACA,kBACA,gBACA,CAAG,EACH,YACA,qBACA,SACA,YAAkB,WAAiB,MACnC,2BAAgD,WAAc,qBAC9D,IACA,cAAiB,EAAO,MACxB,EACA,EACA,GAEA,OACA,cAAiB,UAAc,OAC/B,QACA,QACA,SACA,iBAxKA,QAAiB,YACjB,UACA,EAsKA,GACA,QACA,aACA,qBAEA,EAAO,EAEP,CACA,QACA,EA4IA,QAAyC,kBAAuB,SAChE,EACS,eAAmB,CAAC,UAAc,mBAA0C,eAAmB,CACxG,EACA,CACA,WAAkB,EAAS,EAC3B,gBACA,WACA,mBACA,qBACA,mBACA,CAAK,CACL,QAAe,iBAAe,GAAK,eAAmB,CACtD,EACA,CACA,iBACA,QACA,SACA,gBACA,cACA,YACA,OApBA,IAuBA,CA6DA,YACA,OACA,SACA,iBACA,cACA,gBACA,UACA,UACC,EACD,SACA,yBACA,YAAkB,aAAqB,MACvC,2BAAmD,WAAc,qBACjE,WACA,yBACA,GAEA,+CACA,OACA,cAAoB,UAAc,OAClC,QACA,QACA,QACA,kBAzaA,QAAiB,YACjB,YAwaA,GACA,QACA,aACA,qBAEA,EAAO,EAEP,CACA,QACA,CAkGA,cACA,IACA,gBACA,wBACA,WACA,4BAA4B,oBAAgD,EAAI,CAChF,KACA,CAAI,EACJ,GACA,2CACA,OACA,eACA,uBACA,kBACA,wBACA,eA/BA,GACA,kBAAU,8DAAuE,EACjF,QAAU,uBAA2B,EACrC,yBACA,sBAA2B,QAA6B,QAAQ,EAAa,GAE7E,6BACA,WACA,yBACA,GAEA,sBAAyB,EACzB,gBACA,GACI,QAAQ,aAAmD,IAAI,IAAY,MAiB/E,GACA,iEACA,KACK,CACL,MAEA,OAAS,eAAmB,CAAC,UAAc,iBA3C3C,UACA,uBACA,WACC,EACD,OAAS,eAAmB,QAAU,KAAyB,GAC/D,CAsC2C,GAC3C,gBACA,uBACA,WACA,KACG,EACH,CACA,cACA,IACA,SACA,gBACA,cACA,wBACA,4BAAuB,0BACvB,CAAI,EACJ,WAhEA,CACA,SACA,gBACC,EACD,gBAvBA,KACA,WAAU,mBAAwB,EAClC,SAAU,wCAA4C,EAEtD,CAAU,8CAA2C,SAtDrD,CACA,SACA,gBACA,oBACC,MA7DD,EA8DA,YAAU,wCAA4C,EACtD,KACA,KACA,gBACA,4CA5bA,QAAiB,YACjB,YA2bA,iBACA,YAAoB,IAAa,KACjC,SACA,yBA/bA,QAAiB,YACjB,YA8bA,QAEA,SACA,iBAAyB,WAAqB,mCAC9C,SACA,gBACA,cACA,iBACA,UACA,SACA,CAAK,EACL,mBAAa,iCACb,CACA,oCA5cA,QAAiB,YACjB,YA2cA,qCAQA,EAlGA,gBACA,UACA,gBAAgD,IAAY,KAE5D,OADA,oBAGA,kBACA,EAEA,SArCA,SACA,cACA,UACA,MA2HA,GA1HA,YAAuB,IAAqB,MAC5C,oBACA,UACA,cACA,+BACA,wBAA6B,WAAkB,IAC/C,eACA,IACA,KACA,YAEA,UACA,SACA,iDACA,cAAgC,aAEhC,cACA,QAEA,CAAO,CACP,CAAK,CACL,CACA,QACA,EA4FA,SAhFA,CACA,SACA,UACA,UACA,oBACA,qBACC,EACD,WACA,SACA,QACA,aAvYA,QAAiB,YACjB,YAsYA,UACA,cAEA,EAF2B,aAC3B,QAAqB,2BAAyD,EAC9E,sBAFkD,KAKlD,cA7YA,QAAiB,YACjB,YA4YA,YAEA,QACA,CACA,EA4DA,CACA,SACA,oBACA,qBACA,UACA,SACA,CAAG,EACH,IA1FA,EA0FA,YAzFA,GA0FA,YAAkB,aAAqB,MACvC,0BACA,kCACA,oCAxdA,QAAiB,YACjB,YAudA,KACA,CACA,SACA,OACA,SACA,gBACA,cACA,iBACA,UACA,SACA,CAAG,EACH,mBAAW,iCACX,EAKqD,CACrD,SACA,gBACA,kBAJA,mBAKA,CAAG,SACH,YACA,iBAA8C,cAAU,YAAiB,kBACzE,EACA,IACA,GAA6B,wBAAyB,kBAA0C,EAEhG,OAEA,cAAW,gCACX,EAKA,QAAyB,kBAAuB,CAChD,EA2DA,QAA+C,kBAAuB,EACtE,kBACA,iBAAU,iCAA2C,EACrD,OAAS,eAAmB,CAAC,UAAc,mBAAkD,eAAmB,CAChH,EACA,CACA,cAAqB,EAAY,EACjC,gBACA,cACA,sBACA,cACA,gBACA,wBACA,sBACA,CAAK,CACL,cAAkB,WAAe,GAAK,eAAmB,CACzD,EACA,CACA,iBACA,QACA,SACA,gBACA,cACA,YACA,MAGA,CAwCA,cACA,IACA,SACA,gBACA,cACA,wBACA,4BAAuB,0BACvB,CAAI,EACJ,EA/CA,cACA,WAAU,mBAAwB,EAClC,SAAU,wCAA4C,EACtD,sBACA,QACA,cACA,KACA,eAAuB,iBACvB,CAAK,SAEL,SACA,YAAkB,IAAa,KAC/B,OAcA,OAZA,SACA,UACA,eACA,sBACA,GAIA,OAFA,qBAxmBA,QAAiB,YACjB,YAumBA,SACA,iBAAmC,UAAc,EACjD,CACA,CAAK,CACL,YAAiB,SAAiB,eAElC,IACA,iBAA8B,UAAc,OAC5C,QACA,QACA,QACA,kBAnnBA,OAAiB,WAAe,EAChC,YAknBA,GACA,QACA,aACA,qBAEA,EAAK,EAEL,EASA,QAA+C,kBAAuB,SACtE,EACS,eAAmB,CAAC,UAAc,mBAAmD,eAAmB,CACjH,EACA,CACA,sBAA6B,EAAY,EACzC,gBACA,sBACA,cACA,wBACA,sBACA,CAAK,CACL,cAAkB,WAAe,GAAK,eAAmB,CACzD,EACA,CACA,iBACA,QACA,SACA,gBACA,cACA,YACA,OApBA,IAuBA,CAIA,cACA,IACA,SACA,kBACA,WACA,eACA,sBAAsB,oBAA0C,GAChE,CAAI,EACJ,GACA,sDAA+D,EAAO,KACtE,OACA,eACA,kBACA,+BACA,wCACA,KACK,CACL,MAEA,OAAS,eAAmB,CAAC,UAAc,iBAtB3C,yBAAkC,4BAAwC,EAC1E,OAAS,eAAmB,QAAU,WAAsC,GAC5E,CAoB2C,GAC3C,iBACA,eACA,SACA,UACA,CAAG,EACH,CAQA,gCAAwC,sBAAsC,EAC9E,mBAAU,oBAAiC,SAC3C,kEACA,gBAAa,oBAEb,cAA0F,mCAAuE,CACjK,CAqCA,sCACA,gBACA,iCACA,CACA,gBACA,+BACA,CAKA,sBACA,aACA,sCANA,cACA,2BACA,uBACA,EAGA,UACA,CAoFA,cACA,WAAU,oEAAoF,EAC9F,cAAU,oBAA+B,SA9HzC,KACA,oBAAW,EAAgB,IAAc,YAAgB,IACzD,gBACA,CAAG,EACH,EAAc,QAAY,OAC1B,EAAsB,QAAY,GAmBlC,OAAW,aAlBY,aAAiB,CACxC,IACA,KACA,qCACA,iBACA,YACA,aACA,2BAvBA,KACA,mCACA,8BACA,6CACA,oCACA,QACA,qCACA,CACA,QACA,EAcA,aACA,yEACO,EACP,IACA,wCACA,gCACA,qBAEA,CAAK,CACL,KAEW,iBACX,EAqGyC,SAtJzC,GACA,MAAc,QAAY,IAI1B,OAHA,2CACA,cAEA,WAiJyC,MACzC,gFACA,iBAvFA,CACA,SACA,UACA,iBACA,kBACA,iBACA,UACA,UACA,UACA,QACC,EACD,OACA,SACA,UACA,iBACA,2BACA,4BACA,2BACA,uBACA,OACA,OACA,OACA,OACA,EACA,sBACA,OACA,CACA,EA4DA,gBAAgE,OAA0B,SAC1F,EA5DA,gBACA,WAAU,qBAA+C,EACzD,aACA,MACA,WAAY,wCAA2C,EACvD,eACA,uBAAc,GAAqB,MACnC,MACA,iBACA,SACA,UAAoB,WAAe,eACnC,8BAGA,MACA,sCACA,iCAAmD,6BAEnD,CACA,CACA,CACA,QACA,EAsCA,OACA,OAAS,eAAmB,CAC5B,EACA,CACA,SACA,eACA,kBACA,gCACK,CACL,YA9CA,OACA,WAAU,uEAAyE,EACnF,UAA8B,yCAC9B,WACW,eAAmB,CAC9B,EACA,CACA,gBACA,qBACA,OAIA,cACW,eAAmB,CAC9B,EACA,CACA,gBACA,wBACA,OAIS,eAAmB,CAC5B,EACA,CACA,gBACA,wBACA,MAGA,EAeA,OAEA,qEC31Be,SAASM,EAAY,CAIjB,MAuBCC,EA3BgB,IA4BhC,GA3BFC,CAAK,CACLC,CA0B+B,GACzBC,CAAmC,MA3B7B,KAA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","sources":["webpack://_N_E/./components/Layout/ContentLayoutFooterNoChartreuse.tsx","webpack://_N_E/?d61c","webpack://_N_E/./node_modules/react-photo-album/dist/index.mjs","webpack://_N_E/./components/Carousel/NextJsImage2.tsx","webpack://_N_E/./node_modules/@mui/icons-material/esm/DeleteForever.js","webpack://_N_E/./components/Carousel/CarouselDeleteButton.tsx","webpack://_N_E/./node_modules/@mui/icons-material/esm/Facebook.js","webpack://_N_E/./node_modules/@mui/icons-material/esm/X.js","webpack://_N_E/./node_modules/@mui/icons-material/esm/SendRounded.js","webpack://_N_E/./components/Carousel/CarouselShareButton.tsx","webpack://_N_E/./components/Carousel/CarouselFrameButton.tsx","webpack://_N_E/./components/Carousel/Gallery.tsx","webpack://_N_E/./pages/gallery.tsx","webpack://_N_E/./node_modules/@mui/material/DialogContent/dialogContentClasses.js","webpack://_N_E/./node_modules/@mui/material/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport dynamic from \"next/dynamic\";\n\nconst Header = dynamic(() => import(\"./Header\"));\nconst Footer = dynamic(() => import(\"./Footer\"));\n\ntype ContentLayoutProps = {\n  children: React.ReactNode;\n  title: string;\n};\n\nfunction ContentLayoutFooterNoChartreuse({\n  children,\n  title,\n}: ContentLayoutProps) {\n  return (\n    <>\n      <Header title={title} />\n      <div className=\"min-h-[calc(100vh-64px)]\">{children}</div>\n      <Footer />\n    </>\n  );\n}\n\nexport default ContentLayoutFooterNoChartreuse;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/gallery\",\n      function () {\n        return require(\"private-next-pages/gallery.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/gallery\"])\n      });\n    }\n  ","\"use client\";\nimport * as React from \"react\";\nfunction ratio({ width, height }) {\n  return width / height;\n}\nfunction round(value, decimals = 0) {\n  const factor = 10 ** decimals;\n  return Math.round((value + Number.EPSILON) * factor) / factor;\n}\nfunction rankingFunctionComparator(rank) {\n  return (a, b) => rank(b) - rank(a);\n}\nclass MinHeap {\n  constructor(comparator) {\n    this.comparator = comparator;\n    this.heap = [];\n    this.n = 0;\n  }\n  greater(i, j) {\n    return this.comparator(this.heap[i], this.heap[j]) < 0;\n  }\n  swap(i, j) {\n    const temp = this.heap[i];\n    this.heap[i] = this.heap[j];\n    this.heap[j] = temp;\n  }\n  swim(i) {\n    let k = i;\n    let k2 = Math.floor(k / 2);\n    while (k > 1 && this.greater(k2, k)) {\n      this.swap(k2, k);\n      k = k2;\n      k2 = Math.floor(k / 2);\n    }\n  }\n  sink(i) {\n    let k = i;\n    let k2 = k * 2;\n    while (k2 <= this.n) {\n      if (k2 < this.n && this.greater(k2, k2 + 1)) k2 += 1;\n      if (!this.greater(k, k2)) break;\n      this.swap(k, k2);\n      k = k2;\n      k2 = k * 2;\n    }\n  }\n  push(element) {\n    this.n += 1;\n    this.heap[this.n] = element;\n    this.swim(this.n);\n  }\n  pop() {\n    if (this.n === 0) return void 0;\n    this.swap(1, this.n);\n    this.n -= 1;\n    const max = this.heap.pop();\n    this.sink(1);\n    return max;\n  }\n  size() {\n    return this.n;\n  }\n}\nfunction buildPrecedentsMap(graph, startNode, endNode) {\n  const precedentsMap = /* @__PURE__ */ new Map();\n  const visited = /* @__PURE__ */ new Set();\n  const storedShortestPaths = /* @__PURE__ */ new Map();\n  storedShortestPaths.set(startNode, 0);\n  const queue = new MinHeap(rankingFunctionComparator((el) => el.weight));\n  queue.push({ id: startNode, weight: 0 });\n  while (queue.size() > 0) {\n    const { id, weight } = queue.pop();\n    if (!visited.has(id)) {\n      const neighboringNodes = graph(id);\n      visited.add(id);\n      neighboringNodes.forEach((neighborWeight, neighbor) => {\n        const newWeight = weight + neighborWeight;\n        const currentId = precedentsMap.get(neighbor);\n        const currentWeight = storedShortestPaths.get(neighbor);\n        if (currentWeight === void 0 || currentWeight > newWeight && (currentWeight / newWeight > 1.005 || currentId !== void 0 && currentId < id)) {\n          storedShortestPaths.set(neighbor, newWeight);\n          queue.push({ id: neighbor, weight: newWeight });\n          precedentsMap.set(neighbor, id);\n        }\n      });\n    }\n  }\n  return storedShortestPaths.has(endNode) ? precedentsMap : void 0;\n}\nfunction getPathFromPrecedentsMap(precedentsMap, endNode) {\n  const nodes = [];\n  for (let node = endNode; node !== void 0; node = precedentsMap.get(node)) {\n    nodes.push(node);\n  }\n  return nodes.reverse();\n}\nfunction findShortestPath(graph, startNode, endNode) {\n  const precedentsMap = buildPrecedentsMap(graph, startNode, endNode);\n  return precedentsMap ? getPathFromPrecedentsMap(precedentsMap, endNode) : void 0;\n}\nfunction findIdealNodeSearch({\n  photos,\n  targetRowHeight,\n  containerWidth\n}) {\n  const minRatio = photos.reduce((acc, photo) => Math.min(ratio(photo), acc), Number.MAX_VALUE);\n  return round(containerWidth / targetRowHeight / minRatio) + 2;\n}\nfunction getCommonHeight(row, containerWidth, spacing, padding) {\n  const rowWidth = containerWidth - (row.length - 1) * spacing - 2 * padding * row.length;\n  const totalAspectRatio = row.reduce((acc, photo) => acc + ratio(photo), 0);\n  return rowWidth / totalAspectRatio;\n}\nfunction cost(photos, i, j, width, targetRowHeight, spacing, padding) {\n  const row = photos.slice(i, j);\n  const commonHeight = getCommonHeight(row, width, spacing, padding);\n  return commonHeight > 0 ? (commonHeight - targetRowHeight) ** 2 * row.length : void 0;\n}\nfunction makeGetRowNeighbors({\n  photos,\n  layoutOptions,\n  targetRowHeight,\n  limitNodeSearch,\n  rowConstraints\n}) {\n  return (node) => {\n    var _a, _b;\n    const { containerWidth, spacing, padding } = layoutOptions;\n    const results = /* @__PURE__ */ new Map();\n    results.set(node, 0);\n    const startOffset = (_a = rowConstraints == null ? void 0 : rowConstraints.minPhotos) != null ? _a : 1;\n    const endOffset = Math.min(limitNodeSearch, (_b = rowConstraints == null ? void 0 : rowConstraints.maxPhotos) != null ? _b : Infinity);\n    for (let i = node + startOffset; i < photos.length + 1; i += 1) {\n      if (i - node > endOffset) break;\n      const currentCost = cost(photos, node, i, containerWidth, targetRowHeight, spacing, padding);\n      if (currentCost === void 0) break;\n      results.set(i, currentCost);\n    }\n    return results;\n  };\n}\nfunction computeRowsLayout({\n  photos,\n  layoutOptions\n}) {\n  const { spacing, padding, containerWidth, targetRowHeight, rowConstraints } = layoutOptions;\n  const limitNodeSearch = findIdealNodeSearch({ photos, containerWidth, targetRowHeight });\n  const getNeighbors = makeGetRowNeighbors({\n    photos,\n    layoutOptions,\n    targetRowHeight,\n    limitNodeSearch,\n    rowConstraints\n  });\n  const path = findShortestPath(getNeighbors, 0, photos.length);\n  if (path === void 0) return void 0;\n  const layout = [];\n  for (let i = 1; i < path.length; i += 1) {\n    const row = photos.map((photo, index) => ({ photo, index })).slice(path[i - 1], path[i]);\n    const height = getCommonHeight(\n      row.map(({ photo }) => photo),\n      containerWidth,\n      spacing,\n      padding\n    );\n    layout.push(\n      row.map(({ photo, index }, photoIndex) => ({\n        photo,\n        layout: {\n          height,\n          width: height * ratio(photo),\n          index,\n          photoIndex,\n          photosCount: row.length\n        }\n      }))\n    );\n  }\n  return layout;\n}\nfunction clsx(...classes) {\n  return [...classes].filter((cls) => Boolean(cls)).join(\" \");\n}\nfunction calcWidth(base, photoLayout, layoutOptions) {\n  const { width, photosCount } = photoLayout;\n  const { layout, spacing, padding, containerWidth } = layoutOptions;\n  const count = layout === \"rows\" ? photosCount : layoutOptions.columns;\n  const gaps = spacing * (count - 1) + 2 * padding * count;\n  return `calc((${base} - ${gaps}px) / ${round((containerWidth - gaps) / width, 5)})`;\n}\nfunction cssPhotoWidth(layout, layoutOptions) {\n  return layoutOptions.layout !== \"rows\" ? `calc(100% - ${2 * layoutOptions.padding}px)` : calcWidth(\"100%\", layout, layoutOptions);\n}\nfunction calculateSizesValue(size, layout, layoutOptions) {\n  var _a, _b;\n  return calcWidth((_b = (_a = size.match(/^\\s*calc\\((.*)\\)\\s*$/)) == null ? void 0 : _a[1]) != null ? _b : size, layout, layoutOptions);\n}\nfunction srcSetAndSizes(photo, layout, layoutOptions) {\n  var _a;\n  let srcSet;\n  let sizes;\n  const images = photo.srcSet || photo.images;\n  if (images && images.length > 0) {\n    srcSet = images.concat(\n      !images.find(({ width }) => width === photo.width) ? [{ src: photo.src, width: photo.width, height: photo.height }] : []\n    ).sort((first, second) => first.width - second.width).map((image) => `${image.src} ${image.width}w`).join(\", \");\n  }\n  if ((_a = layoutOptions.sizes) == null ? void 0 : _a.size) {\n    sizes = (layoutOptions.sizes.sizes || []).map(({ viewport, size }) => `${viewport} ${calculateSizesValue(size, layout, layoutOptions)}`).concat(calculateSizesValue(layoutOptions.sizes.size, layout, layoutOptions)).join(\", \");\n  } else {\n    sizes = `${Math.ceil(layout.width / layoutOptions.containerWidth * 100)}vw`;\n  }\n  return { srcSet, sizes };\n}\nfunction PhotoRenderer(props) {\n  var _a, _b;\n  const { photo, layout, layoutOptions, imageProps: { style, className, ...restImageProps } = {}, renderPhoto } = props;\n  const { onClick } = layoutOptions;\n  const imageStyle = {\n    display: \"block\",\n    boxSizing: \"content-box\",\n    width: cssPhotoWidth(layout, layoutOptions),\n    height: \"auto\",\n    aspectRatio: `${photo.width} / ${photo.height}`,\n    ...layoutOptions.padding ? { padding: `${layoutOptions.padding}px` } : null,\n    ...(layoutOptions.layout === \"columns\" || layoutOptions.layout === \"masonry\") && layout.photoIndex < layout.photosCount - 1 ? { marginBottom: `${layoutOptions.spacing}px` } : null,\n    ...onClick ? { cursor: \"pointer\" } : null,\n    ...style\n  };\n  const handleClick = onClick ? (event) => {\n    onClick({ event, photo, index: layout.index });\n  } : void 0;\n  const imageProps = {\n    src: photo.src,\n    alt: (_a = photo.alt) != null ? _a : \"\",\n    title: photo.title,\n    onClick: handleClick,\n    style: imageStyle,\n    className: clsx(\"react-photo-album--photo\", className),\n    loading: \"lazy\",\n    decoding: \"async\",\n    ...srcSetAndSizes(photo, layout, layoutOptions),\n    ...restImageProps\n  };\n  const renderDefaultPhoto = (options) => {\n    const { src, alt, srcSet, sizes, style: unwrappedStyle, ...rest } = imageProps;\n    return React.createElement(\n      \"img\",\n      {\n        alt,\n        ...srcSet ? { srcSet, sizes } : null,\n        src,\n        style: (options == null ? void 0 : options.wrapped) ? { display: \"block\", width: \"100%\", height: \"100%\" } : unwrappedStyle,\n        ...rest\n      }\n    );\n  };\n  const wrapperStyle = (({ display, boxSizing, width, aspectRatio, padding, marginBottom, cursor }) => ({\n    display,\n    boxSizing,\n    width,\n    aspectRatio,\n    padding,\n    marginBottom,\n    cursor\n  }))(imageStyle);\n  return React.createElement(React.Fragment, null, (_b = renderPhoto == null ? void 0 : renderPhoto({\n    photo,\n    layout,\n    layoutOptions,\n    imageProps,\n    renderDefaultPhoto,\n    wrapperStyle\n  })) != null ? _b : renderDefaultPhoto());\n}\nfunction defaultRenderRowContainer({\n  rowContainerProps,\n  children\n}) {\n  return React.createElement(\"div\", { ...rowContainerProps }, children);\n}\nfunction RowContainerRenderer(props) {\n  const {\n    layoutOptions,\n    rowIndex,\n    rowsCount,\n    renderRowContainer,\n    rowContainerProps: { style, className, ...restRowContainerProps } = {},\n    children\n  } = props;\n  const rowContainerProps = {\n    className: clsx(\"react-photo-album--row\", className),\n    style: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      flexWrap: \"nowrap\",\n      alignItems: \"flex-start\",\n      justifyContent: \"space-between\",\n      ...rowIndex < rowsCount - 1 ? { marginBottom: `${layoutOptions.spacing}px` } : null,\n      ...style\n    },\n    ...restRowContainerProps\n  };\n  return React.createElement(React.Fragment, null, (renderRowContainer != null ? renderRowContainer : defaultRenderRowContainer)({\n    layoutOptions,\n    rowIndex,\n    rowsCount,\n    rowContainerProps,\n    children\n  }));\n}\nfunction RowsLayout(props) {\n  const {\n    photos,\n    layoutOptions,\n    renderPhoto,\n    renderRowContainer,\n    componentsProps: { imageProps, rowContainerProps }\n  } = props;\n  const rowsLayout = computeRowsLayout({ photos, layoutOptions });\n  if (!rowsLayout) return null;\n  return React.createElement(React.Fragment, null, rowsLayout.map((row, rowIndex) => React.createElement(\n    RowContainerRenderer,\n    {\n      key: `row-${rowIndex}`,\n      layoutOptions,\n      rowIndex,\n      rowsCount: rowsLayout.length,\n      renderRowContainer,\n      rowContainerProps\n    },\n    row.map(({ photo, layout }) => React.createElement(\n      PhotoRenderer,\n      {\n        key: photo.key || photo.src,\n        photo,\n        layout,\n        layoutOptions,\n        renderPhoto,\n        imageProps\n      }\n    ))\n  )));\n}\nfunction computeShortestPath(graph, pathLength, startNode, endNode) {\n  const matrix = /* @__PURE__ */ new Map();\n  const queue = /* @__PURE__ */ new Set();\n  queue.add(startNode);\n  for (let length = 0; length < pathLength; length += 1) {\n    const currentQueue = [...queue.keys()];\n    queue.clear();\n    currentQueue.forEach((node) => {\n      const accumulatedWeight = length > 0 ? matrix.get(node)[length].weight : 0;\n      graph(node).forEach(({ neighbor, weight }) => {\n        let paths = matrix.get(neighbor);\n        if (!paths) {\n          paths = [];\n          matrix.set(neighbor, paths);\n        }\n        const newWeight = accumulatedWeight + weight;\n        const nextPath = paths[length + 1];\n        if (!nextPath || nextPath.weight > newWeight && (nextPath.weight / newWeight > 1.0001 || node < nextPath.node)) {\n          paths[length + 1] = { node, weight: newWeight };\n        }\n        if (length < pathLength - 1 && neighbor !== endNode) {\n          queue.add(neighbor);\n        }\n      });\n    });\n  }\n  return matrix;\n}\nfunction reconstructShortestPath(matrix, pathLength, endNode) {\n  const path = [endNode];\n  for (let node = endNode, length = pathLength; length > 0; length -= 1) {\n    node = matrix.get(node)[length].node;\n    path.push(node);\n  }\n  return path.reverse();\n}\nfunction findShortestPathLengthN(graph, pathLength, startNode, endNode) {\n  return reconstructShortestPath(computeShortestPath(graph, pathLength, startNode, endNode), pathLength, endNode);\n}\nfunction makeGetColumnNeighbors({\n  photos,\n  spacing,\n  padding,\n  targetColumnWidth,\n  targetColumnHeight\n}) {\n  return (node) => {\n    const results = [];\n    const cutOffHeight = targetColumnHeight * 1.5;\n    let height = targetColumnWidth / ratio(photos[node]) + 2 * padding;\n    for (let i = node + 1; i < photos.length + 1; i += 1) {\n      results.push({ neighbor: i, weight: (targetColumnHeight - height) ** 2 });\n      if (height > cutOffHeight || i === photos.length) {\n        break;\n      }\n      height += targetColumnWidth / ratio(photos[i]) + spacing + 2 * padding;\n    }\n    return results;\n  };\n}\nfunction buildColumnsModel({\n  path,\n  photos,\n  containerWidth,\n  columnsGaps,\n  columnsRatios,\n  spacing,\n  padding\n}) {\n  const columnsModel = [];\n  const totalRatio = columnsRatios.reduce((total, columnRatio) => total + columnRatio, 0);\n  for (let i = 0; i < path.length - 1; i += 1) {\n    const column = photos.map((photo, index) => ({ photo, index })).slice(path[i], path[i + 1]);\n    const totalAdjustedGaps = columnsRatios.reduce(\n      (total, columnRatio, index) => total + (columnsGaps[i] - columnsGaps[index]) * columnRatio,\n      0\n    );\n    const columnWidth = (containerWidth - (path.length - 2) * spacing - 2 * (path.length - 1) * padding - totalAdjustedGaps) * columnsRatios[i] / totalRatio;\n    columnsModel.push(\n      column.map(({ photo, index }, photoIndex) => ({\n        photo,\n        layout: {\n          width: columnWidth,\n          height: columnWidth / ratio(photo),\n          index,\n          photoIndex,\n          photosCount: column.length\n        }\n      }))\n    );\n  }\n  return columnsModel;\n}\nfunction computeColumnsModel({\n  photos,\n  layoutOptions,\n  targetColumnWidth\n}) {\n  const { columns, spacing, padding, containerWidth } = layoutOptions;\n  const columnsGaps = [];\n  const columnsRatios = [];\n  if (photos.length <= columns) {\n    const averageRatio = photos.length > 0 ? photos.reduce((acc, photo) => acc + ratio(photo), 0) / photos.length : 1;\n    for (let i = 0; i < columns; i += 1) {\n      columnsGaps[i] = 2 * padding;\n      columnsRatios[i] = i < photos.length ? ratio(photos[i]) : averageRatio;\n    }\n    const columnsModel2 = buildColumnsModel({\n      path: Array.from({ length: columns + 1 }).map((_, index) => Math.min(index, photos.length)),\n      photos,\n      columnsRatios,\n      columnsGaps,\n      containerWidth,\n      spacing,\n      padding\n    });\n    return { columnsGaps, columnsRatios, columnsModel: columnsModel2 };\n  }\n  const targetColumnHeight = (photos.reduce((acc, photo) => acc + targetColumnWidth / ratio(photo), 0) + spacing * (photos.length - columns) + 2 * padding * photos.length) / columns;\n  const getNeighbors = makeGetColumnNeighbors({\n    photos,\n    targetColumnWidth,\n    targetColumnHeight,\n    spacing,\n    padding\n  });\n  const path = findShortestPathLengthN(getNeighbors, columns, 0, photos.length);\n  for (let i = 0; i < path.length - 1; i += 1) {\n    const column = photos.slice(path[i], path[i + 1]);\n    columnsGaps[i] = spacing * (column.length - 1) + 2 * padding * column.length;\n    columnsRatios[i] = 1 / column.reduce((acc, photo) => acc + 1 / ratio(photo), 0);\n  }\n  const columnsModel = buildColumnsModel({\n    path,\n    photos,\n    columnsRatios,\n    columnsGaps,\n    containerWidth,\n    spacing,\n    padding\n  });\n  return { columnsGaps, columnsRatios, columnsModel };\n}\nfunction computeLayout(props) {\n  const { photos, layoutOptions } = props;\n  const { columns, spacing, padding, containerWidth } = layoutOptions;\n  const targetColumnWidth = (containerWidth - spacing * (columns - 1) - 2 * padding * columns) / columns;\n  const { columnsGaps, columnsRatios, columnsModel } = computeColumnsModel({\n    photos,\n    layoutOptions,\n    targetColumnWidth\n  });\n  if (columnsModel.findIndex(\n    (columnModel) => columnModel.findIndex(({ layout: { width, height } }) => width < 0 || height < 0) >= 0\n  ) >= 0) {\n    if (columns > 1) {\n      return computeLayout({ photos, layoutOptions: { ...layoutOptions, columns: columns - 1 } });\n    }\n    return void 0;\n  }\n  return { columnsModel, columnsGaps, columnsRatios };\n}\nfunction computeColumnsLayout({\n  photos,\n  layoutOptions\n}) {\n  return computeLayout({ photos, layoutOptions });\n}\nfunction defaultRenderColumnContainer({\n  columnContainerProps,\n  children\n}) {\n  return React.createElement(\"div\", { ...columnContainerProps }, children);\n}\nfunction cssColumnWidth(props) {\n  const { layoutOptions, columnIndex, columnsCount, columnsGaps, columnsRatios } = props;\n  const { layout, spacing, padding } = layoutOptions;\n  if (layout === \"masonry\" || !columnsGaps || !columnsRatios) {\n    return `calc((100% - ${spacing * (columnsCount - 1)}px) / ${columnsCount})`;\n  }\n  const totalRatio = columnsRatios.reduce((acc, ratio2) => acc + ratio2, 0);\n  const totalAdjustedGaps = columnsRatios.reduce(\n    (acc, ratio2, index) => acc + (columnsGaps[columnIndex] - columnsGaps[index]) * ratio2,\n    0\n  );\n  return `calc((100% - ${round(\n    (columnsCount - 1) * spacing + 2 * columnsCount * padding + totalAdjustedGaps,\n    3\n  )}px) * ${round(columnsRatios[columnIndex] / totalRatio, 5)} + ${2 * padding}px)`;\n}\nfunction ColumnContainerRenderer(props) {\n  const {\n    layoutOptions,\n    renderColumnContainer,\n    children,\n    columnContainerProps: { style, className, ...restColumnContainerProps } = {},\n    ...rest\n  } = props;\n  const columnContainerProps = {\n    className: clsx(\"react-photo-album--column\", className),\n    style: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      flexWrap: \"nowrap\",\n      alignItems: \"flex-start\",\n      width: cssColumnWidth(props),\n      justifyContent: layoutOptions.layout === \"columns\" ? \"space-between\" : \"flex-start\",\n      ...style\n    },\n    ...restColumnContainerProps\n  };\n  return React.createElement(React.Fragment, null, (renderColumnContainer != null ? renderColumnContainer : defaultRenderColumnContainer)({\n    layoutOptions,\n    columnContainerProps,\n    children,\n    ...rest\n  }));\n}\nfunction ColumnsLayout(props) {\n  const {\n    photos,\n    layoutOptions,\n    renderPhoto,\n    renderColumnContainer,\n    componentsProps: { imageProps, columnContainerProps }\n  } = props;\n  const columnsLayout = computeColumnsLayout({ photos, layoutOptions });\n  if (!columnsLayout) return null;\n  const { columnsModel, columnsRatios, columnsGaps } = columnsLayout;\n  return React.createElement(React.Fragment, null, columnsModel.map((column, columnIndex) => React.createElement(\n    ColumnContainerRenderer,\n    {\n      key: `column-${columnIndex}`,\n      layoutOptions,\n      columnIndex,\n      columnsCount: columnsModel.length,\n      columnsGaps,\n      columnsRatios,\n      renderColumnContainer,\n      columnContainerProps\n    },\n    column.map(({ photo, layout }) => React.createElement(\n      PhotoRenderer,\n      {\n        key: photo.key || photo.src,\n        photo,\n        layout,\n        layoutOptions,\n        renderPhoto,\n        imageProps\n      }\n    ))\n  )));\n}\nfunction computeMasonryLayout(props) {\n  const { photos, layoutOptions } = props;\n  const { columns, spacing, padding, containerWidth } = layoutOptions;\n  const columnWidth = (containerWidth - spacing * (columns - 1) - 2 * padding * columns) / columns;\n  if (columnWidth <= 0) {\n    return columns > 1 ? computeMasonryLayout({\n      ...props,\n      layoutOptions: { ...layoutOptions, columns: columns - 1 }\n    }) : void 0;\n  }\n  const columnsCurrentTopPositions = [];\n  for (let i = 0; i < columns; i += 1) {\n    columnsCurrentTopPositions[i] = 0;\n  }\n  const columnsModel = photos.reduce(\n    (model, photo, index) => {\n      const shortestColumn = columnsCurrentTopPositions.reduce(\n        (currentShortestColumn, item, i) => item < columnsCurrentTopPositions[currentShortestColumn] - 1 ? i : currentShortestColumn,\n        0\n      );\n      columnsCurrentTopPositions[shortestColumn] = columnsCurrentTopPositions[shortestColumn] + columnWidth / ratio(photo) + spacing + 2 * padding;\n      model[shortestColumn].push({ photo, index });\n      return model;\n    },\n    Array.from({ length: columns }).map(() => [])\n  );\n  return columnsModel.map(\n    (column) => column.map(({ photo, index }, photoIndex) => ({\n      photo,\n      layout: {\n        width: columnWidth,\n        height: columnWidth / ratio(photo),\n        index,\n        photoIndex,\n        photosCount: column.length\n      }\n    }))\n  );\n}\nfunction MasonryLayout(props) {\n  const {\n    photos,\n    layoutOptions,\n    renderPhoto,\n    renderColumnContainer,\n    componentsProps: { imageProps, columnContainerProps }\n  } = props;\n  const masonryLayout = computeMasonryLayout({ photos, layoutOptions });\n  if (!masonryLayout) return null;\n  return React.createElement(React.Fragment, null, masonryLayout.map((column, columnIndex) => React.createElement(\n    ColumnContainerRenderer,\n    {\n      key: `masonry-column-${columnIndex}`,\n      layoutOptions,\n      columnsCount: masonryLayout.length,\n      columnIndex,\n      renderColumnContainer,\n      columnContainerProps\n    },\n    column.map(({ photo, layout }) => React.createElement(\n      PhotoRenderer,\n      {\n        key: photo.key || photo.src,\n        photo,\n        layout,\n        layoutOptions,\n        renderPhoto,\n        imageProps\n      }\n    ))\n  )));\n}\nfunction defaultRenderContainer({ containerProps, children, containerRef }) {\n  return React.createElement(\"div\", { ref: containerRef, ...containerProps }, children);\n}\nfunction ContainerRenderer(props) {\n  const {\n    layout,\n    renderContainer,\n    children,\n    containerRef,\n    containerProps: { style, className, ...restContainerProps } = {}\n  } = props;\n  const containerProps = {\n    className: clsx(\"react-photo-album\", `react-photo-album--${layout}`, className),\n    style: {\n      display: \"flex\",\n      flexWrap: \"nowrap\",\n      justifyContent: \"space-between\",\n      flexDirection: layout === \"rows\" ? \"column\" : \"row\",\n      ...style\n    },\n    ...restContainerProps\n  };\n  return React.createElement(React.Fragment, null, (renderContainer != null ? renderContainer : defaultRenderContainer)({\n    containerProps,\n    containerRef,\n    layout,\n    children\n  }));\n}\nfunction useArray(array) {\n  const ref = React.useRef(array);\n  if (!array || !ref.current || array.join() !== ref.current.join()) {\n    ref.current = array;\n  }\n  return ref.current;\n}\nfunction containerWidthReducer(state, { newContainerWidth, newScrollbarWidth }) {\n  const { containerWidth, scrollbarWidth } = state;\n  if (containerWidth !== void 0 && scrollbarWidth !== void 0 && newContainerWidth !== void 0 && newScrollbarWidth !== void 0 && newContainerWidth > containerWidth && newContainerWidth - containerWidth <= 20 && newScrollbarWidth < scrollbarWidth) {\n    return { containerWidth, scrollbarWidth: newScrollbarWidth };\n  }\n  return containerWidth !== newContainerWidth || scrollbarWidth !== newScrollbarWidth ? { containerWidth: newContainerWidth, scrollbarWidth: newScrollbarWidth } : state;\n}\nfunction resolveContainerWidth(el, breakpoints2) {\n  let width = el == null ? void 0 : el.clientWidth;\n  if (width !== void 0 && breakpoints2 && breakpoints2.length > 0) {\n    const sorted = [...breakpoints2.filter((x) => x > 0)].sort((a, b) => b - a);\n    sorted.push(Math.floor(sorted[sorted.length - 1] / 2));\n    const threshold = width;\n    width = sorted.find((breakpoint, index) => breakpoint <= threshold || index === sorted.length - 1);\n  }\n  return width;\n}\nfunction useContainerWidth(breakpoints2, defaultContainerWidth) {\n  const [{ containerWidth }, dispatch] = React.useReducer(containerWidthReducer, {\n    containerWidth: defaultContainerWidth\n  });\n  const ref = React.useRef(null);\n  const observerRef = React.useRef();\n  const containerRef = React.useCallback(\n    (node) => {\n      var _a;\n      (_a = observerRef.current) == null ? void 0 : _a.disconnect();\n      observerRef.current = void 0;\n      ref.current = node;\n      const updateWidth = () => dispatch({\n        newContainerWidth: resolveContainerWidth(ref.current, breakpoints2),\n        newScrollbarWidth: window.innerWidth - document.documentElement.clientWidth\n      });\n      updateWidth();\n      if (node && typeof ResizeObserver !== \"undefined\") {\n        observerRef.current = new ResizeObserver(updateWidth);\n        observerRef.current.observe(node);\n      }\n    },\n    [breakpoints2]\n  );\n  return { containerRef, containerWidth };\n}\nconst breakpoints = Object.freeze([1200, 600, 300, 0]);\nfunction unwrap(value, arg) {\n  return typeof value === \"function\" ? value(arg) : value;\n}\nfunction unwrapParameter(value, containerWidth) {\n  return typeof value !== \"undefined\" ? unwrap(value, containerWidth) : void 0;\n}\nfunction selectResponsiveValue(values, containerWidth) {\n  const index = breakpoints.findIndex((breakpoint) => breakpoint <= containerWidth);\n  return unwrap(values[index >= 0 ? index : 0], containerWidth);\n}\nfunction resolveResponsiveParameter(parameter, containerWidth, values, minValue = 0) {\n  const value = unwrapParameter(parameter, containerWidth);\n  return Math.round(Math.max(value === void 0 ? selectResponsiveValue(values, containerWidth) : value, minValue));\n}\nfunction resolveLayoutOptions({\n  layout,\n  onClick,\n  containerWidth,\n  targetRowHeight,\n  rowConstraints,\n  columns,\n  spacing,\n  padding,\n  sizes\n}) {\n  return {\n    layout,\n    onClick,\n    containerWidth,\n    columns: resolveResponsiveParameter(columns, containerWidth, [5, 4, 3, 2], 1),\n    spacing: resolveResponsiveParameter(spacing, containerWidth, [20, 15, 10, 5]),\n    padding: resolveResponsiveParameter(padding, containerWidth, [0, 0, 0, 0, 0]),\n    targetRowHeight: resolveResponsiveParameter(targetRowHeight, containerWidth, [\n      (w) => w / 5,\n      (w) => w / 4,\n      (w) => w / 3,\n      (w) => w / 2\n    ]),\n    rowConstraints: unwrapParameter(rowConstraints, containerWidth),\n    sizes\n  };\n}\nfunction resolveComponentsProps(props, containerWidth, layoutOptions) {\n  const { photos, componentsProps: componentsPropsProp } = props;\n  const componentsProps = unwrap(componentsPropsProp, containerWidth) || {};\n  if (layoutOptions) {\n    const { layout, spacing, padding, rowConstraints } = layoutOptions;\n    if (layout === \"rows\") {\n      const { singleRowMaxHeight } = rowConstraints || {};\n      if (singleRowMaxHeight) {\n        const maxWidth = Math.floor(\n          photos.reduce(\n            (acc, { width, height }) => acc + width / height * singleRowMaxHeight - 2 * padding,\n            padding * photos.length * 2 + spacing * (photos.length - 1)\n          )\n        );\n        if (maxWidth > 0) {\n          componentsProps.containerProps = componentsProps.containerProps || {};\n          componentsProps.containerProps.style = { maxWidth, ...componentsProps.containerProps.style };\n        }\n      }\n    }\n  }\n  return componentsProps;\n}\nfunction renderLayout(props, componentsProps, layoutOptions) {\n  const { photos, layout, renderPhoto, renderRowContainer, renderColumnContainer } = props;\n  const commonLayoutProps = { photos, renderPhoto, componentsProps };\n  if (layout === \"rows\") {\n    return React.createElement(\n      RowsLayout,\n      {\n        layoutOptions,\n        renderRowContainer,\n        ...commonLayoutProps\n      }\n    );\n  }\n  if (layout === \"columns\") {\n    return React.createElement(\n      ColumnsLayout,\n      {\n        layoutOptions,\n        renderColumnContainer,\n        ...commonLayoutProps\n      }\n    );\n  }\n  return React.createElement(\n    MasonryLayout,\n    {\n      layoutOptions,\n      renderColumnContainer,\n      ...commonLayoutProps\n    }\n  );\n}\nfunction PhotoAlbum(props) {\n  const { photos, layout, renderContainer, defaultContainerWidth, breakpoints: breakpoints2 } = props;\n  const { containerRef, containerWidth } = useContainerWidth(useArray(breakpoints2), defaultContainerWidth);\n  if (!layout || ![\"rows\", \"columns\", \"masonry\"].includes(layout) || !Array.isArray(photos)) return null;\n  const layoutOptions = containerWidth ? resolveLayoutOptions({ containerWidth, ...props }) : void 0;\n  const componentsProps = resolveComponentsProps(props, containerWidth, layoutOptions);\n  return React.createElement(\n    ContainerRenderer,\n    {\n      layout,\n      containerRef,\n      renderContainer,\n      containerProps: componentsProps.containerProps\n    },\n    layoutOptions && renderLayout(props, componentsProps, layoutOptions)\n  );\n}\nexport {\n  PhotoAlbum,\n  PhotoAlbum as default,\n  computeColumnsLayout as unstable_computeColumnsLayout,\n  computeMasonryLayout as unstable_computeMasonryLayout,\n  computeRowsLayout as unstable_computeRowsLayout\n};\n","import React from \"react\";\nimport Image from \"next/image\";\nimport type { RenderPhotoProps } from \"react-photo-album\";\n\nexport default function NextJsImage({\n  photo,\n  imageProps: { alt, title, sizes, className, onClick },\n  wrapperStyle,\n}: RenderPhotoProps) {\n  const handleContextMenu = (event: React.MouseEvent<HTMLImageElement>) => {\n    event.preventDefault();\n  };\n\n  const handleDragStart = (event: React.DragEvent<HTMLImageElement>) => {\n    event.preventDefault();\n  };\n\n  const shimmer = (w: number, h: number) => `\n  <svg width=\"${w}\" height=\"${h}\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <defs>\n      <linearGradient id=\"g\">\n        <stop stop-color=\"#333\" offset=\"20%\" />\n        <stop stop-color=\"#222\" offset=\"50%\" />\n        <stop stop-color=\"#333\" offset=\"70%\" />\n      </linearGradient>\n    </defs>\n    <rect width=\"${w}\" height=\"${h}\" fill=\"#333\" />\n    <rect id=\"r\" width=\"${w}\" height=\"${h}\" fill=\"url(#g)\" />\n    <animate xlink:href=\"#r\" attributeName=\"x\" from=\"-${w}\" to=\"${w}\" dur=\"1s\" repeatCount=\"indefinite\"  />\n  </svg>`;\n\n  const toBase64 = (str: string) =>\n    typeof window === \"undefined\"\n      ? Buffer.from(str).toString(\"base64\")\n      : window.btoa(str);\n  return (\n    <div\n      onContextMenu={handleContextMenu}\n      onDragStart={handleDragStart}\n      style={{ ...wrapperStyle, position: \"relative\" }}\n    >\n      <Image\n        fill\n        src={photo}\n        blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`}\n        placeholder=\"blur\"\n        loading=\"lazy\"\n        sizes=\"25vw\"\n        style={{ borderRadius: \"0.25rem\", objectFit: \"contain\" }}\n        {...{ alt, title, sizes, className, onClick }}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zm2.46-7.12 1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14zM15.5 4l-1-1h-5l-1 1H5v2h14V4z\"\n}), 'DeleteForever');","import React, { ButtonHTMLAttributes, FC } from \"react\";\nimport { generateClient } from \"aws-amplify/api\";\nimport DeleteForeverIcon from \"@mui/icons-material/DeleteForever\";\nimport { useLightboxState } from \"yet-another-react-lightbox\";\nimport { updateArtCustom } from \"../../src/graphql/custom_mutations\";\n// GraphQL imports\nimport { UpdateArtInput, UpdateArtMutation } from \"../../src/API\";\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  filenames: string[];\n  childToParent: (childdata: number) => void;\n}\n\nconst DeleteButton: FC<ButtonProps> = ({\n  filenames,\n  childToParent,\n  children,\n  ...rest\n}) => {\n  const client = generateClient();\n  const { currentIndex } = useLightboxState();\n\n  async function handleRemove(key: string) {\n    // Display a confirmation dialog\n    const confirmDelete = window.confirm(\n      \"Are you sure you want to delete this item forever?\",\n    );\n\n    if (confirmDelete) {\n      const input: UpdateArtInput = {\n        id: key,\n        deleted: true,\n      };\n      // Save to database by calling API\n      (await client.graphql({\n        query: updateArtCustom,\n        variables: {\n          input,\n        },\n      })) as { data: UpdateArtMutation; errors: unknown[] };\n      childToParent(-1);\n    } else {\n      // User canceled the deletion\n    }\n  }\n\n  return (\n    <button\n      type=\"button\"\n      id=\"delete\"\n      onClick={() => handleRemove(filenames[currentIndex])}\n      {...rest}\n      className=\"delete-button\"\n    >\n      {children}\n      <DeleteForeverIcon className=\"DeleteButton\" />\n      <span className=\"tooltip\">Delete from Gallery</span>\n      <style>{`\n        .DeleteButton {\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n        }\n\n        .DeleteButton:hover {\n          color: #D3D3D3;\n        }\n\n        .delete-button {\n          position: relative; /* Add relative positioning */\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n          padding-top: 10px;\n          padding-bottom: 10px;\n          padding-right: 15px;\n          padding-left: 15px;\n        }\n        \n        @media (min-width: 600px) {\n          .DeleteButton {\n            height: 36px;\n            width: 36px;\n            color: black;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n          }\n          .delete-button {\n            padding-top: 10px;\n            padding-bottom: 10px;\n            padding-right: 15px;\n            padding-left: 15px;\n          }\n        }\n\n        .tooltip {\n          position: absolute;\n          bottom: 50px;\n          left: 50%;\n          transform: translateX(-50%);\n          background-color: rgba(0, 0, 0, 0.7);\n          color: #D3D3D3;\n          padding: 5px;\n          border-radius: 4px;\n          font-size: 14px;\n          white-space: nowrap; /* Prevent tooltip text from wrapping */\n          width: auto; /* Adjust the width as needed */\n          min-width: 100px; /* Set a minimum width to avoid being too narrow */\n          text-align: center; /* Center the text horizontally */\n          opacity: 0;\n          visibility: hidden;\n          transition: opacity 0.3s, visibility 0.3s;\n        }\n\n        .delete-button:hover .tooltip {\n          opacity: 1;\n          visibility: visible;\n        }\n\n      `}</style>\n    </button>\n  );\n};\n\nexport default DeleteButton;\n","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m13 2h-2.5A3.5 3.5 0 0 0 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9a1 1 0 0 1 1-1h2V5z\"\n}), 'Facebook');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\n}), 'X');","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"m3.4 20.4 17.45-7.48c.81-.35.81-1.49 0-1.84L3.4 3.6c-.66-.29-1.39.2-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91\"\n}), 'SendRounded');","import React, { ButtonHTMLAttributes } from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { useLightboxState } from \"yet-another-react-lightbox\";\nimport FacebookIcon from \"@mui/icons-material/Facebook\";\nimport XIcon from \"@mui/icons-material/X\";\nimport SendRoundedIcon from \"@mui/icons-material/SendRounded\";\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  filenames: string[];\n  identity: string[];\n}\n\nconst ShareButton: React.FC<ButtonProps> = ({\n  filenames,\n  identity,\n  ...rest\n}) => {\n  const [open, setOpen] = React.useState(false);\n  const { currentIndex } = useLightboxState();\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  async function getImageUrl(imageid: string) {\n    try {\n      // Submit the body to the API\n      const res = await fetch(\"/api/getImageUrl\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          email: \"discover@raraity.com\",\n          id: imageid,\n        }),\n      });\n\n      // Get the status code from the response\n      const statusCode = res.status;\n\n      // Wait for the JSON response\n      const response = await res.json();\n\n      // Return status code and response\n      return { statusCode, data: response };\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(error.message);\n      } else {\n        console.error(error);\n      }\n      // Return status code and error\n      return { statusCode: 500, error };\n    }\n  }\n\n  const shareOnFacebook = async () => {\n    const filename = filenames[currentIndex];\n    let imageurl: string;\n    const result = await getImageUrl(filename);\n    const { statusCode, data, error } = result;\n\n    if (statusCode === 200) {\n\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      imageurl = data;\n    } else {\n      console.error(\"Error:\", error);\n    }\n\n    // Open the Facebook share dialog\n    const navUrl =\n      process.env.NEXT_PUBLIC_ENVIRONMENT === \"prod\"\n        ? `https://www.facebook.com/sharer/sharer.php?u=https://raraity.com/discover?id=${identity[currentIndex]}/${filename}`\n        : `https://www.facebook.com/sharer/sharer.php?u=https://dev.raraity.com/discover?id=${identity[currentIndex]}/${filename}`;\n    console.log(navUrl);\n    window.open(navUrl, \"_blank\");\n  };\n\n  const shareOnTwitter = async () => {\n    const filename = filenames[currentIndex];\n    let imageurl: string;\n    const result = await getImageUrl(filename);\n    const { statusCode, data, error } = result;\n\n    if (statusCode === 200) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      imageurl = data;\n    } else {\n      console.error(\"Error:\", error);\n    }\n    const navUrl =\n      process.env.NEXT_PUBLIC_ENVIRONMENT === \"prod\"\n        ? `https://twitter.com/intent/tweet?text=https://raraity.com/discover?id=${identity[currentIndex]}/${filename}`\n        : `https://twitter.com/intent/tweet?text=https://dev.raraity.com/discover?id=${identity[currentIndex]}/${filename}`;\n    console.log(navUrl);\n    window.open(navUrl, \"_blank\");\n  };\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        id=\"share\"\n        onClick={handleClickOpen}\n        {...rest}\n        className=\"share-button\"\n      >\n        <SendRoundedIcon className=\"ShareButton\" />\n        <span className=\"tooltip\">Click to share</span>\n        <style>{`\n        .ShareButton {\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n        }\n\n        .ShareButton:hover {\n          color: \t#D3D3D3;\n        }\n\n        .share-button {\n          position: relative; /* Add relative positioning */\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n          padding-top: 10px;\n          padding-bottom: 10px;\n          padding-right: 15px;\n          padding-left: 15px;\n        }\n\n        @media (min-width: 600px) {\n          .ShareButton {\n            height: 36px;\n            width: 36px;\n            color: black;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n          }\n          .share-button {\n            padding-top: 10px;\n            padding-bottom: 10px;\n            padding-right: 15px;\n            padding-left: 15px;\n          }\n        }\n\n        .tooltip {\n          position: absolute;\n          bottom: 50px;\n          left: 50%;\n          transform: translateX(-50%);\n          background-color: rgba(0, 0, 0, 0.7);\n          color: #D3D3D3;\n          padding: 5px;\n          border-radius: 4px;\n          font-size: 14px;\n          white-space: nowrap; /* Prevent tooltip text from wrapping */\n          width: auto; /* Adjust the width as needed */\n          min-width: 100px; /* Set a minimum width to avoid being too narrow */\n          text-align: center; /* Center the text horizontally */\n          opacity: 0;\n          visibility: hidden;\n          transition: opacity 0.3s, visibility 0.3s;\n        }\n\n        .share-button:hover .tooltip {\n          opacity: 1;\n          visibility: visible;\n        }\n\n      `}</style>\n      </button>\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        aria-labelledby=\"alert-dialog-title\"\n        aria-describedby=\"alert-dialog-description\"\n        sx={{ zIndex: 10000 }}\n      >\n        <DialogTitle id=\"alert-dialog-title\">Share</DialogTitle>\n        <DialogContent>\n          <div className=\"flex flex-col gap-2\">\n            <button\n              style={{ backgroundColor: \"rgb(24, 119, 242)\", color: \"white\" }}\n              className=\"h-14 text-l font-bold p-4\"\n              onClick={shareOnFacebook}\n              type=\"button\"\n            >\n              <FacebookIcon sx={{ color: \"white\", paddingRight: \"4px\" }} />\n              Share on Facebook\n            </button>\n            <button\n              style={{ backgroundColor: \"rgb(80, 171, 241)\", color: \"white\" }}\n              className=\"h-14 text-l font-bold p-4\"\n              onClick={shareOnTwitter}\n              type=\"button\"\n            >\n              <XIcon sx={{ color: \"white\", paddingRight: \"4px\" }} />\n              Share on Twitter\n            </button>\n          </div>\n          {/* <DialogContentText id=\"alert-dialog-description\">\n            Let Google help apps determine location. This means sending\n            anonymous location data to Google, even when no apps are running.\n          </DialogContentText> */}\n        </DialogContent>\n        {/* <DialogActions>\n        </DialogActions> */}\n      </Dialog>\n    </>\n  );\n};\n\nexport default ShareButton;\n","import React, { ButtonHTMLAttributes, FC } from \"react\";\nimport { useRouter } from \"next/router\";\nimport PhotoLibraryIcon from \"@mui/icons-material/PhotoLibrary\";\nimport { useLightboxState } from \"yet-another-react-lightbox\";\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  filenames: string[];\n}\n\nconst FrameButton: FC<ButtonProps> = ({ filenames, children, ...rest }) => {\n  const router = useRouter();\n  const { currentIndex } = useLightboxState();\n\n  const handleClick = (key: string) => {\n    const queryParams = new URLSearchParams();\n    // Add the 'artFileName' parameter to the query\n    queryParams.append(\"artFileName\", key);\n    // Construct the new URL with the query parameters\n    const newUrl = `/frame?${queryParams.toString()}`;\n    router.push(newUrl);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      id=\"frame\"\n      onClick={() => handleClick(filenames[currentIndex])}\n      {...rest}\n      className=\"frame-button\"\n    >\n      {children}\n      <PhotoLibraryIcon className=\"FrameButton\" />\n      <span className=\"tooltip\">Click to Frame</span>\n      <style>{`\n        .FrameButton {\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n        }\n\n        .FrameButton:hover {\n          color: #D3D3D3;\n        }\n\n        .frame-button {\n          position: relative; /* Add relative positioning */\n          color: black;\n          border: none;\n          border-radius: 4px;\n          cursor: pointer;\n          padding-top: 10px;\n          padding-bottom: 10px;\n          padding-right: 15px;\n          padding-left: 15px;\n        }\n        \n        @media (min-width: 600px) {\n          .FrameButton {\n            height: 36px;\n            width: 36px;\n            color: black;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n          }\n          .frame-button {\n            padding-top: 10px;\n            padding-bottom: 10px;\n            padding-right: 15px;\n            padding-left: 15px;\n          }\n        }\n\n        .tooltip {\n          position: absolute;\n          bottom: 50px;\n          left: 50%;\n          transform: translateX(-50%);\n          background-color: rgba(0, 0, 0, 0.7);\n          color: #D3D3D3;\n          padding: 5px;\n          border-radius: 4px;\n          font-size: 14px;\n          white-space: nowrap; /* Prevent tooltip text from wrapping */\n          width: auto; /* Adjust the width as needed */\n          min-width: 100px; /* Set a minimum width to avoid being too narrow */\n          text-align: center; /* Center the text horizontally */\n          opacity: 0;\n          visibility: hidden;\n          transition: opacity 0.3s, visibility 0.3s;\n        }\n\n        .frame-button:hover .tooltip {\n          opacity: 1;\n          visibility: visible;\n        }\n\n      `}</style>\n    </button>\n  );\n};\n\nexport default FrameButton;\n","import React, { useState, useEffect } from \"react\";\nimport { useRouter } from \"next/router\";\nimport { getUrl } from \"@aws-amplify/storage\";\nimport { generateClient } from \"aws-amplify/api\";\nimport { useAuthenticator } from \"@aws-amplify/ui-react\";\nimport { PhotoAlbum } from \"react-photo-album\";\nimport {\n  Lightbox,\n  ComponentProps,\n  PluginProps,\n  createModule,\n  MODULE_CONTROLLER,\n  useController,\n  addToolbarButton,\n  IconButton,\n  NextIcon,\n  PreviousIcon,\n  useLightboxState,\n  useLightboxProps,\n} from \"yet-another-react-lightbox\";\n// import Zoom from \"yet-another-react-lightbox/plugins/zoom\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport { useTheme as muiTheme } from \"@mui/material/styles\";\nimport NextJsImage from \"./NextJsImage2\";\nimport { Loader } from \"../Loader\";\nimport { artsByUserIdAndCreatedAtCustom } from \"../../src/graphql/custom_queries\";\nimport LikeButton from \"./CarouselLikeButton\";\nimport DeleteButton from \"./CarouselDeleteButton\";\nimport ShareButton from \"./CarouselShareButton\";\n// import ActionButton from \"./CarouselActionButton\";\n// GraphQL imports\nimport {\n  ModelArtFilterInput,\n  ModelBooleanInput,\n  ModelSortDirection,\n  Art,\n} from \"../../src/API\";\nimport styles from \"./CarouselCreate.module.css\";\nimport FrameButton from \"./CarouselFrameButton\";\n\nfunction GalleryComponent() {\n  const router = useRouter();\n\n  const handleContextMenu = (event: React.MouseEvent<HTMLImageElement>) => {\n    event.preventDefault();\n  };\n\n  const handleDragStart = (event: React.DragEvent<HTMLImageElement>) => {\n    event.preventDefault();\n  };\n\n  const { authStatus, user } = useAuthenticator((context) => [\n    context.authStatus,\n    context.user,\n  ]);\n\n  useEffect(() => {\n    if (authStatus === \"unauthenticated\") {\n      router.push(\"/login\");\n    }\n  }, [authStatus, user, router]);\n\n  const client = generateClient();\n  const [imageKeys, setImageKeys] = useState([]);\n  const [keys, setKeys] = useState<Art[]>([]);\n  const [slides, setSlides] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [noImages, setNoImages] = useState(false);\n  const [imgIndex, setImgIndex] = useState<number>(-1);\n  const theme = muiTheme(); // Check the screensize\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\n  const childToParent = (childdata: number) => {\n    setSlides((prevSlides) =>\n      prevSlides.filter((slide, index) => index !== imgIndex),\n    );\n    setImgIndex(childdata);\n  };\n\n  function CarouselWrapper({ children }: ComponentProps) {\n    return <div className={styles.yarl__carousel_wrapper}>{children}</div>;\n  }\n\n  function CarouselWrapperPlugin({ addParent }: PluginProps) {\n    addParent(\n      MODULE_CONTROLLER,\n      createModule(\"carousel-wrapper\", CarouselWrapper),\n    );\n  }\n\n  function Frame({ augment }) {\n    augment(({ toolbar, ...rest }) => ({\n      toolbar: addToolbarButton(\n        toolbar,\n        \"frame\",\n        <FrameButton filenames={keys.map((art) => art.id.toString())} />,\n      ),\n      ...rest,\n    }));\n  }\n\n  function RemoveNavigationPlugin({ remove }: PluginProps) {\n    remove(\"navigation\");\n  }\n\n  function NavigationButton({ previous }: { previous?: boolean }) {\n    const {\n      carousel: { finite },\n    } = useLightboxProps();\n    const { prev, next } = useController();\n    const { currentIndex, slides } = useLightboxState();\n\n    return (\n      <>\n        <IconButton\n          icon={previous ? PreviousIcon : NextIcon}\n          className=\"navigationButton\"\n          label={previous ? \"Previous\" : \"Next\"}\n          onClick={() => (previous ? prev : next)()}\n          disabled={\n            slides.length === 0 ||\n            (finite &&\n              ((previous && currentIndex === 0) ||\n                (!previous && currentIndex === slides.length - 1)))\n          }\n        />\n      </>\n    );\n  }\n\n  function CustomNavigationPlugin({ augment }: PluginProps) {\n    augment(({ toolbar, ...rest }) => ({\n      toolbar: addToolbarButton(\n        addToolbarButton(toolbar, \"navigation-next\", <NavigationButton />),\n        \"navigation-previous\",\n        <NavigationButton previous />,\n      ),\n      ...rest,\n    }));\n  }\n\n  function Like({ augment }) {\n    augment(({ toolbar, ...rest }) => ({\n      toolbar: addToolbarButton(\n        toolbar,\n        \"Like\",\n        <LikeButton filenames={keys.map((art) => art.id.toString())} />,\n      ),\n      ...rest,\n    }));\n  }\n\n  function Delete({ augment }) {\n    augment(({ toolbar, ...rest }) => ({\n      toolbar: addToolbarButton(\n        toolbar,\n        \"Delete\",\n        <DeleteButton\n          filenames={keys.map((art) => art.id.toString())}\n          childToParent={childToParent}\n        />,\n      ),\n      ...rest,\n    }));\n  }\n\n  function Share({ augment }) {\n    augment(({ toolbar, ...rest }) => ({\n      toolbar: addToolbarButton(\n        toolbar,\n        \"share\",\n        <ShareButton\n          filenames={keys.map((art) => art.id.toString())}\n          identity={keys.map((art) => art.user.identityId)}\n        />,\n      ),\n      ...rest,\n    }));\n  }\n\n  // const Menu = ({ augment }: PluginProps) => {\n  //   augment(({ toolbar, ...rest }) => ({\n  //     toolbar: addToolbarButton(toolbar, \"Menu\", <ActionButton key=\"Menu\" />),\n  //     ...rest,\n  //   }));\n  // };\n\n  useEffect(() => {\n    async function fetchImages() {\n      try {\n        const limit: number = 1000;\n        const filterdeleted: ModelBooleanInput = { ne: true };\n        const filter: ModelArtFilterInput = {\n          deleted: filterdeleted,\n        };\n        const request = await client.graphql({\n          query: artsByUserIdAndCreatedAtCustom,\n          variables: {\n            userId: user.userId,\n            filter,\n            limit,\n            sortDirection: ModelSortDirection.DESC,\n          },\n        });\n        const arts = request.data.artsByUserIdAndCreatedAt.items as Art[];\n        setImageKeys(arts);\n\n        // Set noImages state if there are no images\n        setNoImages(arts.length === 0);\n      } catch (error) {\n        console.error(\"Error fetching images:\", error);\n      } finally {\n        setIsLoading(false);\n      }\n    }\n\n    if (imageKeys.length === 0 && user) {\n      setIsLoading(true);\n      fetchImages();\n    }\n  }, [client, imageKeys, user]);\n\n  useEffect(() => {\n    setKeys(imageKeys);\n  }, [imageKeys]);\n\n  useEffect(() => {\n    async function fetchPresignedUrls(s3keys) {\n      const breakpoints = [1080, 640, 384, 256, 128, 96, 64, 48];\n      const getUrlResult = await Promise.all(\n        s3keys.map(async (item) => {\n          const filename = item.id;\n          const urlObject = await getUrl({\n            key: filename,\n            options: {\n              accessLevel: \"protected\",\n            },\n          });\n          return urlObject.url.href;\n        }),\n      );\n      setSlides(\n        getUrlResult.map((photo) => {\n          return {\n            src: photo,\n            width: 1024,\n            height: 1024,\n            srcSet: breakpoints.map((breakpoint) => {\n              const height = Math.round((1024 / 1024) * breakpoint);\n              return {\n                src: photo,\n                width: breakpoint,\n                height,\n              };\n            }),\n          };\n        }),\n      );\n      setIsLoading(false);\n      return getUrlResult;\n    }\n    fetchPresignedUrls(keys);\n  }, [keys]);\n\n  return (\n    <>\n      {noImages && (\n        <div className=\"mt-32 flex items-center justify-center\">\n          No images available.\n        </div>\n      )}\n      {isLoading ? (\n        <div className=\"mt-32 flex items-center justify-center\">\n          <Loader />\n        </div>\n      ) : (\n        <div\n          onContextMenu={handleContextMenu}\n          onDragStart={handleDragStart}\n          className=\"px-16\"\n        >\n          <h1 className=\"flex justify-center items-center mb-8\">\n            Your Gallery\n          </h1>\n          <PhotoAlbum\n            layout=\"rows\"\n            renderPhoto={NextJsImage}\n            photos={slides}\n            onClick={({ index: current }) => setImgIndex(current)}\n            defaultContainerWidth={1200}\n            sizes={{\n              size: \"calc(100vw - 40px)\",\n              sizes: [\n                { viewport: \"(max-width: 299px)\", size: \"calc(100vw - 10px)\" },\n                { viewport: \"(max-width: 599px)\", size: \"calc(100vw - 20px)\" },\n                { viewport: \"(max-width: 1199px)\", size: \"calc(100vw - 30px)\" },\n              ],\n            }}\n          />\n        </div>\n      )}\n      <div\n        onContextMenu={handleContextMenu}\n        onDragStart={handleDragStart}\n        className=\"px-2\"\n      >\n        <Lightbox\n          className={styles.lightbox}\n          index={imgIndex}\n          slides={slides}\n          open={imgIndex >= 0}\n          close={() => setImgIndex(-1)}\n          plugins={[\n            CarouselWrapperPlugin,\n            Delete,\n            Share,\n            RemoveNavigationPlugin,\n            CustomNavigationPlugin,\n            Frame,\n            Like,\n          ]}\n          carousel={{ finite: true, padding: 0, spacing: 0 }}\n          controller={{ closeOnPullDown: true, closeOnBackdropClick: true }}\n          // on={{ view: updateIndex }}\n          styles={{\n            slide: { padding: \"0px\" },\n            root: {\n              backgroundColor: \"rgba(255, 255, 255, 1)\",\n              overflow: \"hidden\",\n              \"--yarl__color_button\": \"rgba(0, 0, 0, .8)\",\n            },\n            button: {\n              paddingTop: isSmallScreen ? \"5px\" : \"10px\",\n              paddingBottom: isSmallScreen ? \"5px\" : \"10px\",\n              paddingRight: isSmallScreen ? \"10px\" : \"15px\",\n              paddingLeft: isSmallScreen ? \"10px\" : \"15px\",\n            },\n            icon: {\n              height: isSmallScreen ? \"24px\" : \"36px\",\n              width: isSmallScreen ? \"24px\" : \"36px\",\n            },\n          }}\n        />\n      </div>\n    </>\n  );\n}\n\nexport default GalleryComponent;\n","import React, { useEffect } from \"react\";\nimport { useRouter } from \"next/router\";\nimport { useAuthenticator } from \"@aws-amplify/ui-react\";\nimport ContentLayoutFooterNoChartreuse from \"../components/Layout/ContentLayoutFooterNoChartreuse\";\nimport GalleryComponent from \"../components/Carousel/Gallery\";\n\nfunction Gallery() {\n  const router = useRouter();\n  const { authStatus, user } = useAuthenticator((context) => [\n    context.authStatus,\n    context.user,\n  ]);\n\n  useEffect(() => {\n    if (authStatus === \"unauthenticated\") {\n      router.push(\"/login\");\n    }\n  }, [authStatus, user, router]);\n\n  return (\n    <ContentLayoutFooterNoChartreuse title=\"Gallery\">\n      <GalleryComponent />\n    </ContentLayoutFooterNoChartreuse>\n  );\n}\n\nexport default Gallery;\n","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getDialogContentUtilityClass(slot) {\n  return generateUtilityClass('MuiDialogContent', slot);\n}\nconst dialogContentClasses = generateUtilityClasses('MuiDialogContent', ['root', 'dividers']);\nexport default dialogContentClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getDialogContentUtilityClass } from \"./dialogContentClasses.js\";\nimport dialogTitleClasses from \"../DialogTitle/dialogTitleClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    dividers\n  } = ownerState;\n  const slots = {\n    root: ['root', dividers && 'dividers']\n  };\n  return composeClasses(slots, getDialogContentUtilityClass, classes);\n};\nconst DialogContentRoot = styled('div', {\n  name: 'MuiDialogContent',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.dividers && styles.dividers];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  flex: '1 1 auto',\n  // Add iOS momentum scrolling for iOS < 13.0\n  WebkitOverflowScrolling: 'touch',\n  overflowY: 'auto',\n  padding: '20px 24px',\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.dividers,\n    style: {\n      padding: '16px 24px',\n      borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,\n      borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => !ownerState.dividers,\n    style: {\n      [`.${dialogTitleClasses.root} + &`]: {\n        paddingTop: 0\n      }\n    }\n  }]\n})));\nconst DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDialogContent'\n  });\n  const {\n    className,\n    dividers = false,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    dividers\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(DialogContentRoot, {\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? DialogContent.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * Display the top and bottom dividers.\n   * @default false\n   */\n  dividers: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default DialogContent;"],"names":["Header","dynamic","Footer","ContentLayoutFooterNoChartreuse","children","title","div","className","NextJsImage","str","photo","imageProps","Buffer","alt","sizes","onClick","wrapperStyle","onContextMenu","handleContextMenu","event","preventDefault","onDragStart","handleDragStart","style","position","Image","fill","src","blurDataURL","toBase64","shimmer","h","w","window","btoa","placeholder","loading","borderRadius","objectFit","createSvgIcon","_jsx","d","filenames","DeleteButton","childToParent","rest","client","generateClient","currentIndex","useLightboxState","handleRemove","key","confirm","graphql","query","updateArtCustom","variables","input","id","deleted","button","type","DeleteForeverIcon","span","ShareButton","identity","open","setOpen","React","getImageUrl","imageid","res","fetch","method","headers","body","JSON","stringify","email","statusCode","status","response","json","data","error","Error","console","message","shareOnFacebook","filename","result","navUrl","process","log","shareOnTwitter","handleClickOpen","SendRoundedIcon","Dialog","onClose","handleClose","aria-labelledby","aria-describedby","sx","zIndex","DialogTitle","DialogContent","backgroundColor","color","FacebookIcon","paddingRight","XIcon","router","useRouter","handleClick","queryParams","URLSearchParams","append","newUrl","toString","push","PhotoLibraryIcon","GalleryComponent","authStatus","user","useAuthenticator","context","useEffect","imageKeys","setImageKeys","useState","keys","setKeys","slides","setSlides","isLoading","setIsLoading","noImages","setNoImages","imgIndex","setImgIndex","theme","muiTheme","isSmallScreen","useMediaQuery","breakpoints","prevSlides","filter","slide","index","childdata","CarouselWrapper","styles","NavigationButton","previous","carousel","finite","useLightboxProps","prev","next","useController","IconButton","icon","PreviousIcon","NextIcon","label","disabled","length","fetchImages","arts","request","artsByUserIdAndCreatedAtCustom","userId","ne","limit","sortDirection","ModelSortDirection","DESC","artsByUserIdAndCreatedAt","items","fetchPresignedUrls","getUrlResult","Promise","all","s3keys","map","item","urlObject","getUrl","options","accessLevel","url","href","width","height","srcSet","Math","round","breakpoint","Loader","h1","PhotoAlbum","layout","renderPhoto","photos","current","defaultContainerWidth","size","viewport","Lightbox","close","plugins","CarouselWrapperPlugin","addParent","MODULE_CONTROLLER","createModule","Delete","augment","toolbar","addToolbarButton","art","Share","identityId","RemoveNavigationPlugin","remove","CustomNavigationPlugin","Frame","FrameButton","Like","LikeButton","padding","spacing","controller","closeOnPullDown","closeOnBackdropClick","root","overflow","paddingTop","paddingBottom","paddingLeft","Gallery","getDialogContentUtilityClass","slot","generateUtilityClass","generateUtilityClasses","useUtilityClasses","ownerState","classes","dividers","composeClasses","slots","DialogContentRoot","styled","name","overridesResolver","props","memoTheme","flex","WebkitOverflowScrolling","overflowY","variants","borderTop","vars","palette","divider","borderBottom","dialogTitleClasses","ref","useDefaultProps","inProps","other","clsx"],"sourceRoot":"","ignoreList":[2,4,6,7,8,13,14]}