{"version":3,"file":"static/chunks/76-ba87e947c356bf67.js","mappings":"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","sources":["webpack://_N_E/./src/components/VirtualizedList.tsx","webpack://_N_E/./src/components/PlaceholderAnim.tsx","webpack://_N_E/./src/promotions/components/SectionStoreItems.tsx","webpack://_N_E/./src/promotions/components/PromotionsTemplate.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport { ClassNames } from '@emotion/react';\nimport { GridItemProps, DEFAULT_GAP } from '@bucketplace/design-system/bds';\nimport {\n  VirtualizedList as BaseVirtualizedList,\n  VirtualizedListProps as BaseVirtualizedListProps,\n} from '@bucketplace/ui';\n\nimport {\n  cssGridGap,\n  cssGridItemGap,\n  cssColumn,\n  Gap,\n} from 'styles/grids';\n\nexport interface VirtualizedListProps extends BaseVirtualizedListProps {\n  gap: Gap;\n  column: GridItemProps['column'];\n}\n\nexport function VirtualizedList ({\n  gap = DEFAULT_GAP,\n  column,\n  className,\n  innerClassName,\n  ...props\n}: VirtualizedListProps): ReactElement {\n  return (\n    <ClassNames>\n      { ({ css }) => (\n        <BaseVirtualizedList\n          className={classnames(\n            className,\n            css`\n              display: flex;\n              flex-wrap: wrap;\n              ${cssGridGap(gap)};\n            `\n          )}\n          innerClassName={classnames(\n            innerClassName,\n            css`\n              box-sizing: border-box;\n              display: inline-block;\n              vertical-align: top;\n              ${cssGridItemGap(gap)};\n              ${cssColumn(column)};\n            `\n          )}\n          {...props}\n        />\n      ) }\n    </ClassNames>\n  );\n}\n","import React, { ReactElement, ReactNode } from 'react';\nimport { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport interface PlaceholderAnimProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function PlaceholderAnim (\n  props: PlaceholderAnimProps\n): ReactElement {\n  const { children, className } = props;\n  return (\n    <Container className={className}>\n      { children }\n    </Container>\n  );\n}\n\nconst placeholderAnim = keyframes`\n  0% {\n    transform: translate3d(-30%, 0, 0);\n  }\n  100% {\n    transform: translate3d(30%, 0, 0);\n  }\n`;\n\nconst Container = styled.div`\n  position: relative;\n  display: block;\n  overflow: hidden;\n  ${({ theme }) => css`\n    color: ${theme.content.base5};\n    background-color: ${theme.content.base5};\n  `}\n  &:after {\n    content: '\\\\00a0';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 50%;\n    z-index: 1;\n    width: 500%;\n    margin-left: -250%;\n    animation: ${placeholderAnim} 0.8s linear infinite;\n    background: linear-gradient(to right,\n      rgba(255, 255, 255, 0) 44%,\n      rgba(255, 255, 255, .35) 50%,\n      rgba(255, 255, 255, 0) 56%) 50% 50%;\n  }\n`;\n","import React, { ReactElement } from 'react';\nimport { useRouter } from 'next/router';\nimport useSWR from 'swr';\nimport { ClassNames, css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport { usePagedInfiniteList, VirtualizedListChildProps } from '@bucketplace/ui';\nimport { Product } from '@bucketplace/common';\nimport { MEDIA_QUERY } from '@bucketplace/design-system';\n\nimport { getSectionItems } from 'promotions/api/promotion';\nimport { VirtualizedList } from 'components/VirtualizedList';\nimport { PlaceholderAnim } from 'components/PlaceholderAnim';\nimport { ProductCardWithScrap } from 'components/Product/ProductCardWithScrap';\n\nconst LIST_SIZE = 20;\n\nexport function getSectionItemsKey (id: string, detailId: string): string {\n  return `/api/promotions/${id}/section-items?detail=${detailId}`;\n}\n\nexport interface SectionStoreItemsProps {\n  id: string;\n  detailId: string;\n}\n\nexport function SectionStoreItems ({\n  id,\n  detailId,\n}: SectionStoreItemsProps): ReactElement {\n  const router = useRouter();\n  const tabId = router.asPath;\n\n  const { data, error } = useSWR(\n    getSectionItemsKey(id, detailId),\n    () => getSectionItems(id, detailId, {\n      page: 0,\n    })\n  );\n\n  const pending = !data && !error;\n\n  const {\n    count,\n    getItem,\n    handleRowsRendered,\n  } = usePagedInfiniteList(\n    tabId,\n    pending,\n    async (page) => {\n      const nextData = await getSectionItems(id, detailId, {\n        page,\n      });\n\n      return {\n        page,\n        items: nextData.sectionItems ?? [],\n        hasNext: nextData.hasNext ?? false,\n      };\n    },\n    () => (data\n      ? {\n        page: 0,\n        offset: 0,\n        items: data.sectionItems ?? [],\n        hasNext: data.hasNext ?? false,\n      }\n      : null\n    ),\n    LIST_SIZE\n  );\n\n  const renderItem = ({ index }: VirtualizedListChildProps): React.ReactNode => {\n    const item = getItem(index)?.item as Product;\n    if (!item) {\n      return (\n        <PlaceholderAnim />\n      );\n    }\n    return (\n      <ProductCardWithScrap\n        product={item}\n        logData={{\n          section: '기획전 디테일',\n          index,\n        }}\n      />\n    );\n  };\n\n  return (\n    <Wrapper>\n      { !pending && (\n        <ClassNames>\n          { ({ css }) => (\n            <VirtualizedList\n              tabId={tabId}\n              gap={{\n                mobile: '0 16',\n                tablet: '30 16',\n                laptop: '30 20',\n              }}\n              column={{ mobile: 2, tablet: 2, laptop: 3 }}\n              className={css`\n              ${MEDIA_QUERY.max('mobile', `\n                  padding: 0 8px;\n                `)}\n              `}\n              innerClassName={css`\n                > article {\n                  padding: 16px 0px;\n                }\n                &:last-of-type {\n                  > article {\n                    border: 0;\n                  }\n                }\n              `}\n              overscanHeight={1000}\n              count={count}\n              isLoaded={(index) => getItem(index) != null}\n              onRowsRendered={handleRowsRendered}\n              renderItem={renderItem}\n            />\n          ) }\n        </ClassNames>\n      ) }\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  ${MEDIA_QUERY.max('mobile', css`\n    padding: 0 8px;\n  `)}\n`;\n","import React, { ReactElement, useMemo } from 'react';\nimport styled from '@emotion/styled';\n\nimport { MEDIA_QUERY, BREAK_POINT } from '@bucketplace/design-system';\nimport { GridItemProps } from '@bucketplace/design-system/bds';\nimport { getExhibitionKakaoTemplate } from '@bucketplace/common';\nimport { useScrollIntoAnchor } from '@bucketplace/jsx-editor/exhibition';\n\nimport { cssColumn } from 'styles/grids';\nimport { EndModal } from 'components/EndModal';\n\nimport { SectionStoreItems } from './SectionStoreItems';\nimport { SectionViewer } from './SectionViewer';\n\ninterface AnchorInfo {\n  targetId: string;\n  isInitialAnchor: boolean;\n}\n\ninterface PromotionsTemplateProps {\n  // 기획전 에디터 정보\n  units: string;\n  // promotion (기획전) id\n  promotionId: string;\n  // 기획전 타이틀\n  title: string;\n  // 기획전 커버이미지\n  coverImageUrls: string[];\n  // 기획전 > section > detail id\n  detailId: string;\n  // 앵커링 target, disable 정보\n  anchorInfo: AnchorInfo;\n  // 프로모션 종료일\n  endDate: string;\n  isLoading: boolean;\n  className?: string;\n  onViewerLoaded: (isLoaded: boolean) => void;\n}\n\nexport function PromotionsTemplate({\n  units,\n  promotionId,\n  title,\n  coverImageUrls,\n  detailId,\n  anchorInfo,\n  endDate,\n  isLoading,\n  className,\n  onViewerLoaded,\n}: PromotionsTemplateProps): ReactElement {\n  const {\n    containerRef,\n    scrollToTarget,\n    anchorEnd,\n  } = useScrollIntoAnchor({\n    ...anchorInfo,\n    isLoading,\n    initialAnchor: anchorInfo.isInitialAnchor,\n  });\n\n  const kakaoTemplate = useMemo(() =>\n    getExhibitionKakaoTemplate({\n      exhibitionId: promotionId,\n      title,\n      coverImageUrls: coverImageUrls ?? [],\n      products: [],\n    }), [coverImageUrls, promotionId, title]);\n\n  return (\n    <Container\n      ref={(ref) => {\n        if (anchorEnd || !anchorInfo.isInitialAnchor) {\n          containerRef.current = null;\n        } else {\n          containerRef.current = ref;\n        }\n      }}\n      className={className}\n    >\n      <GridItem\n        column={{\n          mobile: 'full',\n          tablet: 'full',\n          laptop: 9,\n        }}\n      >\n        <SectionViewer\n          exhibitionId={promotionId}\n          units={units}\n          kakaoTemplate={kakaoTemplate}\n          experimentType={null}\n          onViewerLoaded={onViewerLoaded}\n          onClick={scrollToTarget}\n        />\n        <SectionStoreItems\n          id={promotionId}\n          detailId={detailId}\n        />\n      </GridItem>\n      { endDate && (\n        <EndModal\n          title=\"이벤트 종료\"\n          contents=\"해당 이벤트가 종료되었습니다.\"\n          end={endDate}\n          redirectTarget=\"store\"\n        />\n      ) }\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ${BREAK_POINT.desktop}px;\n  margin: 0 auto;\n  padding: 30px 60px;\n  ${MEDIA_QUERY.max('tablet', `\n    padding: 0;\n  `)}\n`;\n\nconst GridItem = styled.div<{ column: GridItemProps['column'] }>`\n  position: relative;\n  margin: 0 auto;\n  ${({ column }) => cssColumn(column)};\n`;\n","\"use strict\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[76],{\n\n/***/ 35076:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"Z\": function() { return /* binding */ PromotionsTemplate; }\n});\n\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/dist/compiled/@babel/runtime/helpers/esm/defineProperty.js\nvar defineProperty = __webpack_require__(88756);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@emotion+styled@11.13.0_@emotion+react@11.13.3_@types+react@18.3.12_react@18.3.1/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js\nvar emotion_styled_base_browser_esm = __webpack_require__(12851);\n// EXTERNAL MODULE: ./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js\nvar react = __webpack_require__(75271);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@bucketplace+design-system@5.9.0-snapshot.1_@bucketplace+ui@1.1.0_@emotion+react@11.13.3_@emo_kg77ydgzcrrvpcndyvt2t3vqny/node_modules/@bucketplace/design-system/dist/esm/foundation.js\nvar foundation = __webpack_require__(90671);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@bucketplace+common@6.0.0_@bucketplace+config@0.1.2_@bucketplace+design-system@5.9.0-snapshot_mnaeigxo3rapupzl32u5o3bze4/node_modules/@bucketplace/common/dist/index.es.js\nvar index_es = __webpack_require__(7394);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@bucketplace+jsx-editor@4.0.17_@bucketplace+bucket-log@1.2.3_@bucketplace+commerce-admin-ui@2_iylemcmyljcqx6pqfkw5yjqwhy/node_modules/@bucketplace/jsx-editor/lib-esm/index.js + 547 modules\nvar lib_esm = __webpack_require__(63047);\n// EXTERNAL MODULE: ./src/styles/grids.ts\nvar grids = __webpack_require__(81213);\n// EXTERNAL MODULE: ./src/components/EndModal.tsx\nvar EndModal = __webpack_require__(80344);\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/dist/compiled/@babel/runtime/helpers/esm/taggedTemplateLiteral.js\nvar taggedTemplateLiteral = __webpack_require__(57390);\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/dist/compiled/@babel/runtime/helpers/esm/asyncToGenerator.js\nvar asyncToGenerator = __webpack_require__(6325);\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/dist/compiled/@babel/runtime/regenerator/index.js\nvar regenerator = __webpack_require__(78838);\nvar regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/router.js\nvar next_router = __webpack_require__(17966);\n// EXTERNAL MODULE: ./node_modules/.pnpm/swr@1.3.0_react@18.3.1/node_modules/swr/dist/index.mjs\nvar dist = __webpack_require__(75182);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@emotion+react@11.13.3_@types+react@18.3.12_react@18.3.1/node_modules/@emotion/react/dist/emotion-react.browser.esm.js\nvar emotion_react_browser_esm = __webpack_require__(52814);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@bucketplace+ui@1.1.0_@emotion+react@11.13.3_@emotion+styled@11.13.0_react-dom@18.3.1_react@18.3.1_scheduler@0.23.2/node_modules/@bucketplace/ui/lib-esm/index.js + 45 modules\nvar ui_lib_esm = __webpack_require__(540);\n// EXTERNAL MODULE: ./src/promotions/api/promotion.ts\nvar promotion = __webpack_require__(2118);\n// EXTERNAL MODULE: ./node_modules/.pnpm/next@12.3.4_@babel+core@7.26.0_react-dom@18.3.1_react@18.3.1_sass@1.80.4/node_modules/next/dist/compiled/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules\nvar objectWithoutProperties = __webpack_require__(85922);\n// EXTERNAL MODULE: ./node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js\nvar classnames = __webpack_require__(82187);\nvar classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@bucketplace+design-system@5.9.0-snapshot.1_@bucketplace+ui@1.1.0_@emotion+react@11.13.3_@emo_kg77ydgzcrrvpcndyvt2t3vqny/node_modules/@bucketplace/design-system/dist/esm/bds.js + 59 modules\nvar bds = __webpack_require__(93353);\n// EXTERNAL MODULE: ./node_modules/.pnpm/@emotion+react@11.13.3_@types+react@18.3.12_react@18.3.1/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js\nvar emotion_react_jsx_runtime_browser_esm = __webpack_require__(83128);\n;// CONCATENATED MODULE: ./src/components/VirtualizedList.tsx\n\n\n\n\nvar _templateObject, _templateObject2;\n\nvar _excluded = [\"gap\", \"column\", \"className\", \"innerClassName\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\n\n\n\n\nfunction VirtualizedList(_ref) {\n  var _ref$gap = _ref.gap,\n      gap = _ref$gap === void 0 ? bds/* DEFAULT_GAP */.SHs : _ref$gap,\n      column = _ref.column,\n      className = _ref.className,\n      innerClassName = _ref.innerClassName,\n      props = (0,objectWithoutProperties/* default */.Z)(_ref, _excluded);\n\n  return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(emotion_react_browser_esm/* ClassNames */.ms, {\n    children: function children(_ref2) {\n      var css = _ref2.css;\n      return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(ui_lib_esm/* VirtualizedList */.Jd, _objectSpread({\n        className: classnames_default()(className, css(_templateObject || (_templateObject = (0,taggedTemplateLiteral/* default */.Z)([\"\\n              display: flex;\\n              flex-wrap: wrap;\\n              \", \";\\n            \"])), (0,grids/* cssGridGap */.iC)(gap))),\n        innerClassName: classnames_default()(innerClassName, css(_templateObject2 || (_templateObject2 = (0,taggedTemplateLiteral/* default */.Z)([\"\\n              box-sizing: border-box;\\n              display: inline-block;\\n              vertical-align: top;\\n              \", \";\\n              \", \";\\n            \"])), (0,grids/* cssGridItemGap */.cf)(gap), (0,grids/* cssColumn */.XG)(column)))\n      }, props));\n    }\n  });\n}\n;// CONCATENATED MODULE: ./src/components/PlaceholderAnim.tsx\n\n\n\nvar PlaceholderAnim_templateObject;\n\n\n\n\nfunction PlaceholderAnim(props) {\n  var children = props.children,\n      className = props.className;\n  return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(Container, {\n    className: className,\n    children: children\n  });\n}\nvar placeholderAnim = (0,emotion_react_browser_esm/* keyframes */.F4)(PlaceholderAnim_templateObject || (PlaceholderAnim_templateObject = (0,taggedTemplateLiteral/* default */.Z)([\"\\n  0% {\\n    transform: translate3d(-30%, 0, 0);\\n  }\\n  100% {\\n    transform: translate3d(30%, 0, 0);\\n  }\\n\"])));\n\nvar Container = /*#__PURE__*/(0,emotion_styled_base_browser_esm/* default */.Z)(\"div\",  true ? {\n  target: \"e1vo9eey0\"\n} : 0)(\"position:relative;display:block;overflow:hidden;\", function (_ref) {\n  var theme = _ref.theme;\n  return /*#__PURE__*/(0,emotion_react_browser_esm/* css */.iv)(\"color:\", theme.content.base5, \";background-color:\", theme.content.base5, \";\" + ( true ? \"\" : 0),  true ? \"\" : 0);\n}, \" &:after{content:'\\\\00a0';position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;animation:\", placeholderAnim, \" 0.8s linear infinite;background:linear-gradient(to right,\\n      rgba(255, 255, 255, 0) 44%,\\n      rgba(255, 255, 255, .35) 50%,\\n      rgba(255, 255, 255, 0) 56%) 50% 50%;}\" + ( true ? \"\" : 0));\n// EXTERNAL MODULE: ./src/components/Product/ProductCardWithScrap.tsx\nvar ProductCardWithScrap = __webpack_require__(476);\n;// CONCATENATED MODULE: ./src/promotions/components/SectionStoreItems.tsx\n\n\n\n\nvar SectionStoreItems_templateObject, SectionStoreItems_templateObject2;\n\n\n\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar LIST_SIZE = 20;\nfunction getSectionItemsKey(id, detailId) {\n  return \"/api/promotions/\".concat(id, \"/section-items?detail=\").concat(detailId);\n}\nfunction SectionStoreItems(_ref) {\n  var id = _ref.id,\n      detailId = _ref.detailId;\n  var router = (0,next_router.useRouter)();\n  var tabId = router.asPath;\n\n  var _useSWR = (0,dist/* default */.ZP)(getSectionItemsKey(id, detailId), function () {\n    return (0,promotion/* getSectionItems */.NX)(id, detailId, {\n      page: 0\n    });\n  }),\n      data = _useSWR.data,\n      error = _useSWR.error;\n\n  var pending = !data && !error;\n\n  var _usePagedInfiniteList = (0,ui_lib_esm/* usePagedInfiniteList */.mw)(tabId, pending, /*#__PURE__*/function () {\n    var _ref2 = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee(page) {\n      var _nextData$sectionItem, _nextData$hasNext;\n\n      var nextData;\n      return regenerator_default().wrap(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _context.next = 2;\n              return (0,promotion/* getSectionItems */.NX)(id, detailId, {\n                page: page\n              });\n\n            case 2:\n              nextData = _context.sent;\n              return _context.abrupt(\"return\", {\n                page: page,\n                items: (_nextData$sectionItem = nextData.sectionItems) !== null && _nextData$sectionItem !== void 0 ? _nextData$sectionItem : [],\n                hasNext: (_nextData$hasNext = nextData.hasNext) !== null && _nextData$hasNext !== void 0 ? _nextData$hasNext : false\n              });\n\n            case 4:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, _callee);\n    }));\n\n    return function (_x) {\n      return _ref2.apply(this, arguments);\n    };\n  }(), function () {\n    var _data$sectionItems, _data$hasNext;\n\n    return data ? {\n      page: 0,\n      offset: 0,\n      items: (_data$sectionItems = data.sectionItems) !== null && _data$sectionItems !== void 0 ? _data$sectionItems : [],\n      hasNext: (_data$hasNext = data.hasNext) !== null && _data$hasNext !== void 0 ? _data$hasNext : false\n    } : null;\n  }, LIST_SIZE),\n      count = _usePagedInfiniteList.count,\n      getItem = _usePagedInfiniteList.getItem,\n      handleRowsRendered = _usePagedInfiniteList.handleRowsRendered;\n\n  var renderItem = function renderItem(_ref3) {\n    var _getItem;\n\n    var index = _ref3.index;\n    var item = (_getItem = getItem(index)) === null || _getItem === void 0 ? void 0 : _getItem.item;\n\n    if (!item) {\n      return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(PlaceholderAnim, {});\n    }\n\n    return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(ProductCardWithScrap/* ProductCardWithScrap */.u, {\n      product: item,\n      logData: {\n        section: '기획전 디테일',\n        index: index\n      }\n    });\n  };\n\n  return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(Wrapper, {\n    children: !pending && (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(emotion_react_browser_esm/* ClassNames */.ms, {\n      children: function children(_ref4) {\n        var css = _ref4.css;\n        return (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(VirtualizedList, {\n          tabId: tabId,\n          gap: {\n            mobile: '0 16',\n            tablet: '30 16',\n            laptop: '30 20'\n          },\n          column: {\n            mobile: 2,\n            tablet: 2,\n            laptop: 3\n          },\n          className: css(SectionStoreItems_templateObject || (SectionStoreItems_templateObject = (0,taggedTemplateLiteral/* default */.Z)([\"\\n              \", \"\\n              \"])), foundation.M.max('mobile', \"\\n                  padding: 0 8px;\\n                \")),\n          innerClassName: css(SectionStoreItems_templateObject2 || (SectionStoreItems_templateObject2 = (0,taggedTemplateLiteral/* default */.Z)([\"\\n                > article {\\n                  padding: 16px 0px;\\n                }\\n                &:last-of-type {\\n                  > article {\\n                    border: 0;\\n                  }\\n                }\\n              \"]))),\n          overscanHeight: 1000,\n          count: count,\n          isLoaded: function isLoaded(index) {\n            return getItem(index) != null;\n          },\n          onRowsRendered: handleRowsRendered,\n          renderItem: renderItem\n        });\n      }\n    })\n  });\n}\n\nvar Wrapper = /*#__PURE__*/(0,emotion_styled_base_browser_esm/* default */.Z)(\"div\",  true ? {\n  target: \"efch3kp0\"\n} : 0)(foundation.M.max('mobile',  true ? {\n  name: \"1qu8ll8\",\n  styles: \"padding:0 8px\"\n} : 0), \";\" + ( true ? \"\" : 0));\n// EXTERNAL MODULE: ./src/promotions/components/SectionViewer.tsx + 4 modules\nvar SectionViewer = __webpack_require__(43005);\n;// CONCATENATED MODULE: ./src/promotions/components/PromotionsTemplate.tsx\n\n\n\nfunction PromotionsTemplate_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction PromotionsTemplate_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? PromotionsTemplate_ownKeys(Object(source), !0).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : PromotionsTemplate_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\n\n\n\n\n\n\n\nfunction PromotionsTemplate(_ref) {\n  var units = _ref.units,\n      promotionId = _ref.promotionId,\n      title = _ref.title,\n      coverImageUrls = _ref.coverImageUrls,\n      detailId = _ref.detailId,\n      anchorInfo = _ref.anchorInfo,\n      endDate = _ref.endDate,\n      isLoading = _ref.isLoading,\n      className = _ref.className,\n      onViewerLoaded = _ref.onViewerLoaded;\n\n  var _useScrollIntoAnchor = (0,lib_esm/* useScrollIntoAnchor */.xx)(PromotionsTemplate_objectSpread(PromotionsTemplate_objectSpread({}, anchorInfo), {}, {\n    isLoading: isLoading,\n    initialAnchor: anchorInfo.isInitialAnchor\n  })),\n      containerRef = _useScrollIntoAnchor.containerRef,\n      scrollToTarget = _useScrollIntoAnchor.scrollToTarget,\n      anchorEnd = _useScrollIntoAnchor.anchorEnd;\n\n  var kakaoTemplate = (0,react.useMemo)(function () {\n    return (0,index_es/* getExhibitionKakaoTemplate */.Zsj)({\n      exhibitionId: promotionId,\n      title: title,\n      coverImageUrls: coverImageUrls !== null && coverImageUrls !== void 0 ? coverImageUrls : [],\n      products: []\n    });\n  }, [coverImageUrls, promotionId, title]);\n  return (0,emotion_react_jsx_runtime_browser_esm/* jsxs */.BX)(PromotionsTemplate_Container, {\n    ref: function ref(_ref2) {\n      if (anchorEnd || !anchorInfo.isInitialAnchor) {\n        containerRef.current = null;\n      } else {\n        containerRef.current = _ref2;\n      }\n    },\n    className: className,\n    children: [(0,emotion_react_jsx_runtime_browser_esm/* jsxs */.BX)(GridItem, {\n      column: {\n        mobile: 'full',\n        tablet: 'full',\n        laptop: 9\n      },\n      children: [(0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(SectionViewer/* SectionViewer */.k, {\n        exhibitionId: promotionId,\n        units: units,\n        kakaoTemplate: kakaoTemplate,\n        experimentType: null,\n        onViewerLoaded: onViewerLoaded,\n        onClick: scrollToTarget\n      }), (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(SectionStoreItems, {\n        id: promotionId,\n        detailId: detailId\n      })]\n    }), endDate && (0,emotion_react_jsx_runtime_browser_esm/* jsx */.tZ)(EndModal/* EndModal */.Y, {\n      title: \"\\uC774\\uBCA4\\uD2B8 \\uC885\\uB8CC\",\n      contents: \"\\uD574\\uB2F9 \\uC774\\uBCA4\\uD2B8\\uAC00 \\uC885\\uB8CC\\uB418\\uC5C8\\uC2B5\\uB2C8\\uB2E4.\",\n      end: endDate,\n      redirectTarget: \"store\"\n    })]\n  });\n}\n\nvar PromotionsTemplate_Container = /*#__PURE__*/(0,emotion_styled_base_browser_esm/* default */.Z)(\"div\",  true ? {\n  target: \"e1chq35i1\"\n} : 0)(\"display:flex;flex-wrap:wrap;max-width:\", foundation.B.desktop, \"px;margin:0 auto;padding:30px 60px;\", foundation.M.max('tablet', \"\\n    padding: 0;\\n  \"), \";\" + ( true ? \"\" : 0));\n\nvar GridItem = /*#__PURE__*/(0,emotion_styled_base_browser_esm/* default */.Z)(\"div\",  true ? {\n  target: \"e1chq35i0\"\n} : 0)(\"position:relative;margin:0 auto;\", function (_ref3) {\n  var column = _ref3.column;\n  return (0,grids/* cssColumn */.XG)(column);\n}, \";\" + ( true ? \"\" : 0));\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","PromotionsTemplate","_templateObject","_templateObject2","PlaceholderAnim_templateObject","SectionStoreItems_templateObject","SectionStoreItems_templateObject2","defineProperty","emotion_styled_base_browser_esm","react","foundation","index_es","lib_esm","grids","EndModal","taggedTemplateLiteral","asyncToGenerator","regenerator","regenerator_default","n","next_router","dist","emotion_react_browser_esm","ui_lib_esm","promotion","objectWithoutProperties","classnames","classnames_default","bds","emotion_react_jsx_runtime_browser_esm","_excluded","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","apply","VirtualizedList","_ref","_ref$gap","gap","SHs","column","className","innerClassName","props","Z","tZ","ms","children","_ref2","css","Jd","_objectSpread","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","iC","cf","XG","PlaceholderAnim","Container","placeholderAnim","F4","theme","iv","content","base5","ProductCardWithScrap","SectionStoreItems","id","detailId","tabId","router","useRouter","asPath","_useSWR","ZP","concat","NX","page","data","error","pending","_usePagedInfiniteList","mw","mark","_callee","_nextData$sectionItem","_nextData$hasNext","nextData","wrap","_context","prev","next","sent","abrupt","items","sectionItems","hasNext","stop","_x","_data$sectionItems","_data$hasNext","offset","count","getItem","handleRowsRendered","renderItem","_ref3","_getItem","index","item","u","product","logData","section","Wrapper","_ref4","mobile","tablet","laptop","M","max","overscanHeight","isLoaded","onRowsRendered","name","styles","SectionViewer","PromotionsTemplate_ownKeys","PromotionsTemplate_objectSpread","units","promotionId","title","coverImageUrls","anchorInfo","endDate","isLoading","onViewerLoaded","_useScrollIntoAnchor","xx","initialAnchor","isInitialAnchor","containerRef","scrollToTarget","anchorEnd","kakaoTemplate","useMemo","Zsj","exhibitionId","products","BX","PromotionsTemplate_Container","ref","current","GridItem","k","experimentType","onClick","Y","contents","end","redirectTarget","B","desktop"],"sourceRoot":""}