{"version":3,"file":"222.bundle.js","mappings":"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","sources":["webpack:///./components/HowToApplySection/index.js","webpack:///./components/HowToApplySection/__utils__.js"],"sourcesContent":["import React, { useContext } from 'react'\nimport { Context as WorldReadyContext } from '@paypalcorp/worldready-react'\nimport { TextSection, ProductScrollType } from '@paypalcorp/pp-com-components'\nimport generateProps from './__utils__'\n\nexport default function HowToApplySection() {\n  const worldReady = useContext(WorldReadyContext)\n  const { textGroup, productScrollCollection } = generateProps(worldReady)\n  return (\n    <>\n      <TextSection\n        componentId=\"textsection-heading-how-to-apply\"\n        textGroup={textGroup}\n        alignment=\"8 Col Center\"\n        theme=\"white\"\n        topSpacer=\"6vw\"\n        bottomSpacer=\"2vw\"\n      />\n      <ProductScrollType\n        applyScroll\n        collection={productScrollCollection}\n        componentId=\"productscrollsection\"\n        imagePosition=\"Left\"\n        theme=\"white\"\n        mediaSize=\"1:1\"\n        topSpacer=\"4vw\"\n        bottomSpacer=\"6vw\"\n      />\n    </>\n  )\n}\n","import serverData from 'ppbl/utils/server-data'\nimport { getLocalizedText } from 'ppbl/utils/locale-helper'\n\nexport default function generateProps(worldReady) {\n  const {\n    context: { resourceBaseUrl },\n  } = serverData\n\n  const textGroup = {\n    eyebrowTag: 'h1',\n    headline: {\n      data: {},\n      content: [\n        {\n          data: {},\n          content: [\n            {\n              data: {},\n              marks: [],\n              value: getLocalizedText(\n                worldReady,\n                'components.howToApply.headingText',\n              ),\n              nodeType: 'text',\n            },\n          ],\n          nodeType: 'paragraph',\n        },\n      ],\n      nodeType: 'document',\n    },\n    headlineSize: 'Headline 2',\n    headlineTag: 'h2',\n    paragraphSize: 'Body',\n  }\n\n  const productScrollCollection = [\n    {\n      mediaFrame: {\n        image: {\n          baseImage: `${resourceBaseUrl}/images/product-scroll-1.jpg`,\n          imageAltText: getLocalizedText(\n            worldReady,\n            'components.howToApply.scroll1AltText',\n          ),\n          target: '_self',\n          loading: 'eager',\n          options: {\n            quality: 75,\n          },\n        },\n        type: 'Image',\n      },\n      textGroup: {\n        disclosureType: {\n          paragraph: {\n            content: [\n              {\n                content: [\n                  {\n                    data: {},\n                    marks: [],\n                    nodeType: 'text',\n                    value: getLocalizedText(\n                      worldReady,\n                      'components.howToApply.scroll1Disclosure',\n                    ),\n                  },\n                ],\n                data: {},\n                nodeType: 'paragraph',\n              },\n            ],\n            data: {},\n            nodeType: 'document',\n          },\n          paragraphSize: 'Caption',\n        },\n        headline: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll1MainText',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        headlineSize: 'Headline 3',\n        headlineTag: 'h3',\n        subheading: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll1SubText',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        subheadingTag: 'h6',\n      },\n    },\n    {\n      mediaFrame: {\n        image: {\n          baseImage: `${resourceBaseUrl}/images/product-scroll-2.jpg`,\n          imageAltText: getLocalizedText(\n            worldReady,\n            'components.howToApply.scroll2AltText',\n          ),\n          target: '_self',\n          loading: 'eager',\n          options: {\n            quality: 75,\n          },\n        },\n        type: 'Image',\n      },\n      textGroup: {\n        headline: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll2MainText',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        headlineSize: 'Headline 3',\n        headlineTag: 'h3',\n        subheading: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll2SubText',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        subheadingTag: 'h6',\n      },\n    },\n    {\n      mediaFrame: {\n        image: {\n          baseImage: `${resourceBaseUrl}/images/product-scroll-3.jpg`,\n          imageAltText: getLocalizedText(\n            worldReady,\n            'components.howToApply.scroll3AltText',\n          ),\n          target: '_self',\n          loading: 'eager',\n          options: {\n            quality: 75,\n          },\n        },\n        type: 'Image',\n      },\n      textGroup: {\n        disclosureType: {\n          paragraph: {\n            content: [\n              {\n                content: [\n                  {\n                    data: {},\n                    marks: [],\n                    nodeType: 'text',\n                    value: getLocalizedText(\n                      worldReady,\n                      'components.howToApply.scroll3SubText',\n                    ),\n                  },\n                ],\n                data: {},\n                nodeType: 'paragraph',\n              },\n            ],\n            data: {},\n            nodeType: 'document',\n          },\n          paragraphSize: 'Caption',\n        },\n        headline: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll3MainText',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        headlineSize: 'Headline 3',\n        headlineTag: 'h3',\n        subheading: {\n          content: [\n            {\n              content: [\n                {\n                  data: {},\n                  marks: [],\n                  nodeType: 'text',\n                  value: getLocalizedText(\n                    worldReady,\n                    'components.howToApply.scroll3Disclosure',\n                  ),\n                },\n              ],\n              data: {},\n              nodeType: 'paragraph',\n            },\n          ],\n          data: {},\n          nodeType: 'document',\n        },\n        subheadingTag: 'h6',\n      },\n    },\n  ]\n\n  return {\n    textGroup,\n    productScrollCollection,\n  }\n}\n"],"names":["HowToApplySection","worldReady","resourceBaseUrl","useContext","WorldReadyContext","serverData","context","textGroup","eyebrowTag","headline","data","content","marks","value","getLocalizedText","nodeType","headlineSize","headlineTag","paragraphSize","productScrollCollection","mediaFrame","image","baseImage","imageAltText","target","loading","options","quality","type","disclosureType","paragraph","subheading","subheadingTag","componentId","alignment","theme","topSpacer","bottomSpacer","applyScroll","collection","imagePosition","mediaSize"],"sourceRoot":""}