{"version":3,"file":"static/chunks/652.b05b7ec7a977190f.js","mappings":"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","sources":["webpack://_N_E/../design-system/src/components/blocks/supporting-details/supporting-details.scss?2fc7","webpack://_N_E/./src/contentful/lib/create-contentful-component.tsx","webpack://_N_E/../design-system/src/components/blocks/supporting-details/supporting-details.tsx","webpack://_N_E/./src/contentful/components/blocks/supporting-details.contentful.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin","import { ContentfulEntry, EntryRef } from \"frontend/contentful/schema/sys\";\nimport { useContentful } from \"frontend/hooks/use-contentful\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { CreateEditAttributesFn } from \"./edit-attributes-factory\";\n\nexport interface ContentfulComponentProps<\n  E extends ContentfulEntry,\n  O = Record<string, unknown>,\n> {\n  entry: E;\n  options: O | undefined;\n  createEditAttributes: CreateEditAttributesFn;\n}\n\nexport type ContentfulComponent<E extends ContentfulEntry, O> = (\n  props: ContentfulComponentProps<E, O>,\n) => ReactNode;\nexport interface ContentfulComponentRenderProps<\n  E extends ContentfulEntry,\n  O = void,\n> {\n  entry?: EntryRef<E>;\n  options?: O;\n}\nexport type ContentfulFactoryComponent<\n  E extends ContentfulEntry,\n  O = void,\n> = ComponentType<ContentfulComponentRenderProps<E, O>>;\n\nexport function createContentfulComponent<E extends ContentfulEntry, O = void>(\n  Component: ContentfulComponent<E, O>,\n) {\n  const ContentfulComponent: ContentfulFactoryComponent<E, O> = ({\n    entry: ref,\n    options,\n  }) => {\n    const { getEntry, createEditAttributes } = useContentful();\n\n    const entry = getEntry(ref);\n\n    if (!entry?.fields || !entry?.metadata || !entry?.sys.id) return null;\n\n    return (\n      <Component\n        entry={entry}\n        options={options}\n        createEditAttributes={createEditAttributes}\n      />\n    );\n  };\n\n  return ContentfulComponent;\n}\n","import \"./supporting-details.scss\";\nimport { ReactNode } from \"react\";\nimport cn from \"clsx\";\nimport {\n  MediaAsset,\n  MediaAssetProps,\n} from \"design-system/components/primitives/media-asset/media-asset\";\nimport { Alignment, EditAttributes } from \"design-system/types/types\";\n\nexport interface SupportingDetailsListItem {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n\n  editAttributes?: {\n    title?: EditAttributes;\n    subtitle?: EditAttributes;\n  };\n}\n\nexport interface SupportingDetailsProps {\n  items?: Array<SupportingDetailsListItem>;\n  mediaAsset?: MediaAssetProps;\n  align?: Alignment;\n}\n\n/**\n * ## See it in use on...\n * - The [homepage](/story/example-pages-homepage--homepage)\n *\n * - **`id: CB-016-000-00`**\n * - **`data-region: cb__supporting-details`**\n */\nexport function SupportingDetails({\n  items,\n  mediaAsset,\n  align = \"full\",\n}: SupportingDetailsProps) {\n  if (!Array.isArray(items)) items = [];\n\n  const wrapperClass = cn(\n    align && `hbs-global-align-${align}`,\n    \"hbs-supporting-details\",\n  );\n\n  return (\n    <div className={wrapperClass} data-region=\"cb__supporting-details\">\n      <div className=\"hbs-supporting-details__content\">\n        <ul className=\"hbs-supporting-details__list\">\n          {items.map((item, i) => (\n            <li key={i} className=\"hbs-supporting-details__list-item\">\n              <div className=\"hbs-supporting-details__list-item-content\">\n                {item.title && (\n                  <div\n                    {...item.editAttributes?.title}\n                    className=\"hbs-supporting-details__item-title\"\n                  >\n                    {item.title}\n                  </div>\n                )}\n\n                {item.subtitle && (\n                  <span\n                    {...item.editAttributes?.subtitle}\n                    className=\"hbs-supporting-details__item-subtitle\"\n                  >\n                    {item.subtitle}\n                  </span>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n\n        {mediaAsset && (\n          <div className=\"hbs-supporting-details__media\">\n            <MediaAsset {...mediaAsset} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { SupportingDetailsEntry } from \"frontend/contentful/schema/blocks\";\nimport {\n  SupportingDetails,\n  SupportingDetailsProps,\n} from \"design-system/components/blocks/supporting-details/supporting-details\";\nimport { createContentfulComponent } from \"frontend/contentful/lib/create-contentful-component\";\nimport { createMediaAssetProps } from \"../primitives/media-asset.props\";\nimport { RenderContentfulRichText } from \"../utils/render-contentful-rich-text\";\nimport { useContentful } from \"frontend/hooks/use-contentful\";\nimport { Alignment } from \"design-system/types/types\";\n\ninterface SupportingDetailsOptions {\n  alignment?: Alignment;\n}\n\nexport const ContentfulSupportingDetails = createContentfulComponent<\n  SupportingDetailsEntry,\n  SupportingDetailsOptions\n>(({ entry, options, createEditAttributes }) => {\n  const { getEntries } = useContentful();\n\n  const props: SupportingDetailsProps = {\n    align: options?.alignment,\n    mediaAsset: createMediaAssetProps(entry.fields.media),\n    items: getEntries(entry.fields.listItems)?.map((item) => ({\n      title: <RenderContentfulRichText document={item.fields?.title} />,\n      subtitle: (\n        <RenderContentfulRichText document={item.fields?.description} />\n      ),\n      editAttributes: {\n        title: createEditAttributes({ entry: item, fieldId: \"title\" }),\n        subtitle: createEditAttributes({ entry: item, fieldId: \"description\" }),\n      },\n    })),\n  };\n\n  return <SupportingDetails {...props} />;\n});\n"],"names":["createContentfulComponent","Component","entry","ref","options","getEntry","createEditAttributes","useContentful","fields","metadata","sys","id","SupportingDetails","items","mediaAsset","align","Array","isArray","wrapperClass","cn","div","className","data-region","ul","map","item","i","li","title","editAttributes","subtitle","span","MediaAsset","ContentfulSupportingDetails","getEntries","props","alignment","createMediaAssetProps","media","listItems","RenderContentfulRichText","document","description","fieldId"],"sourceRoot":"","ignoreList":[]}