{"version":3,"file":"sidebar-ads.DZwC57Rs.js","sources":["../../../src/components/layout/sidebar/sidebar-ad-container.tsx","../../../src/components/integrations/ad-slot-container.tsx","../../../src/lib/model.ts","../../../src/components/layout/sidebar/sidebar-ads.tsx"],"sourcesContent":["import { cn } from '@lib/utils'\nimport type { ReactNode } from 'react'\n\ninterface Props {\n  children?: ReactNode\n  hasBackground?: boolean\n}\n\nexport default function SidebarAdContainer({ children, hasBackground = true }: Props) {\n  return (\n    <div\n      data-ad-container={true}\n      className={cn(\n        'rounded-[10px] grow-0 shrink-0 px-[20px] large-desktop:px-[40px]',\n        hasBackground && 'bg-black-50 py-[20px] large-desktop:py-[40px]'\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n","import { AdSlotId, adSlots } from '@lib/ads'\n\nexport function AdSlotContainer({\n  adSlotId,\n  divId,\n  height,\n  width,\n  index = undefined\n}: {\n  adSlotId: AdSlotId\n  divId?: string\n  height?: number\n  width?: number\n  index?: number\n}) {\n  const adDivId = divId || (index ? `slot-${adSlotId}-${index}` : `slot-${adSlotId}`)\n  const adSlot = adSlots.find((slot) => slot.id === adSlotId)!\n\n  return (\n    <div\n      style={{\n        ...getMinimumSlotSize(adSlot.size),\n        ...{\n          height: height ? `${height}px` : undefined,\n          width: width ? `${width}px` : undefined\n        }\n      }}\n      id={adDivId}\n      data-ad-unit={adSlot.adUnit}\n      data-size={JSON.stringify(adSlot.size)}\n      data-size-mapping={JSON.stringify(adSlot.sizeMapping ? adSlot.sizeMapping : [])}\n    />\n  )\n}\n\n/**\n * Determine minimum width and height values for an ad slot container\n * based on the configured slot sizes.\n *\n * This function is only provided for example purposes. See\n * [Minimize layout shift](https://developers.google.com/publisher-tag/guides/minimize-layout-shift)\n * to learn more about strategies for sizing ad slot containers.\n */\nfunction getMinimumSlotSize(size: googletag.GeneralSize): React.CSSProperties {\n  const maxValue = Number.MAX_VALUE\n\n  let minW = Number.MAX_VALUE\n  let minH = Number.MAX_VALUE\n\n  if (typeof size === 'number') {\n    // Handle SingleSize (number)\n    minW = size\n    minH = size\n  } else if (Array.isArray(size)) {\n    // Handle MultiSize (array of SingleSize or FluidSize)\n    for (const sizeEntry of size) {\n      if (typeof sizeEntry === 'number') {\n        minW = Math.min(sizeEntry, minW)\n        minH = Math.min(sizeEntry, minH)\n      } else if (Array.isArray(sizeEntry) && sizeEntry.length === 2) {\n        minW = Math.min(sizeEntry[0], minW)\n        minH = Math.min(sizeEntry[1], minH)\n      } else if (Array.isArray(sizeEntry) && sizeEntry[0] === 'fluid') {\n        // Handle fluid size (e.g., ['fluid'])\n        return { minWidth: '50%' }\n      }\n    }\n  }\n\n  return minW < maxValue && minH < maxValue\n    ? { minWidth: `${minW}px`, minHeight: `${minH}px` }\n    : { minWidth: '50%' }\n}\n","export enum PageCategory {\n    CollegeSavings = 'college-savings',\n    StudentLoan = 'student-loan'\n}\n","import SidebarAdContainer from './sidebar-ad-container'\nimport { AdSlotContainer } from '@components/integrations/ad-slot-container'\nimport { AdSlotId } from '@lib/ads'\nimport { PageCategory } from '@lib/model'\n\ninterface Props {\n  isCompact?: boolean\n  pageCategory?: PageCategory\n  addStickyAd?: boolean\n}\n\nexport default function SidebarAds({\n  isCompact = false,\n  addStickyAd = false,\n  pageCategory = PageCategory.CollegeSavings\n}: Props) {\n  return (\n    <div className=\"h-full\">\n      <SidebarAdContainer hasBackground={pageCategory === PageCategory.CollegeSavings}>\n        <div className=\"flex flex-col gap-y-[30px]\">\n          {pageCategory === PageCategory.CollegeSavings && (\n            <>\n              <AdSlotContainer\n                adSlotId={AdSlotId.adOtherRightWideSkyscraper}\n                height={600}\n                width={300}\n              />\n              <div className=\"flex flex-col gap-[10px]\">\n                <AdSlotContainer adSlotId={AdSlotId.adOtherRightText1} height={80} width={300} />\n                <AdSlotContainer adSlotId={AdSlotId.adOtherRightText2} height={80} width={300} />\n                <AdSlotContainer adSlotId={AdSlotId.adOtherRightText3} height={80} width={300} />\n              </div>\n              {!isCompact && (\n                <>\n                  <div className=\"flex flex-col items-center gap-y-[20px] pt-[20px] pb-[20px] bg-white-500 rounded-[10px]\">\n                    <span className=\"text-body-main-bold\">Sponsor Center</span>\n                    <AdSlotContainer\n                      adSlotId={AdSlotId.adOtherRightSponsor1}\n                      height={160}\n                      width={160}\n                    />\n                    <AdSlotContainer\n                      adSlotId={AdSlotId.adOtherRightSponsor2}\n                      height={160}\n                      width={160}\n                    />\n                    <AdSlotContainer\n                      adSlotId={AdSlotId.adOtherRightSponsor3}\n                      height={160}\n                      width={160}\n                    />\n                  </div>\n                  <AdSlotContainer\n                    adSlotId={AdSlotId.adOtherRightWideSkyscraper300x250}\n                    height={250}\n                    width={300}\n                  />\n                </>\n              )}\n            </>\n          )}\n          {pageCategory === PageCategory.StudentLoan && (\n            <>\n              <AdSlotContainer adSlotId={AdSlotId.adStudentLoanRightWideSkyscraper} width={300} />\n            </>\n          )}\n        </div>\n      </SidebarAdContainer>\n      {addStickyAd && (\n        <div\n          data-ad-container={true}\n          className={`sticky flex flex-col top-[20px] mt-[20px] ml-[20px] large-desktop:ml-[40px] gap-y-[20px] ${\n            pageCategory === PageCategory.CollegeSavings ? 'large-desktop:mt-[40px]' : ''\n          }`}\n        >\n          {pageCategory === PageCategory.CollegeSavings && (\n            <AdSlotContainer\n              adSlotId={AdSlotId.adOtherRightWideSkyscraper}\n              height={600}\n              width={300}\n              index={2}\n            />\n          )}\n          {pageCategory === PageCategory.StudentLoan && (\n            <>\n              <AdSlotContainer adSlotId={AdSlotId.adStudentLoanRightTile2} width={300} />\n              <AdSlotContainer adSlotId={AdSlotId.adStudentLoanRightTile1} width={300} />\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["SidebarAdContainer","children","hasBackground","jsx","cn","AdSlotContainer","adSlotId","divId","height","width","index","adDivId","adSlot","adSlots","slot","getMinimumSlotSize","size","maxValue","minW","minH","sizeEntry","PageCategory","SidebarAds","isCompact","addStickyAd","pageCategory","jsxs","Fragment","AdSlotId"],"mappings":"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"}