{"version":3,"file":"js/305.fbd2c361c2be0b97400d.chunk.js","mappings":"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","sources":["webpack://ti_west/./app/components/accordion/accordion-item-heading.tsx","webpack://ti_west/./app/components/accordion/accordion-item-panel.tsx","webpack://ti_west/./app/components/accordion/accordion-item.tsx","webpack://ti_west/./app/components/accordion/accordion-ribbon.tsx","webpack://ti_west/./app/components/accordion/accordion.tsx","webpack://ti_west/./app/components/accordion/index.ts","webpack://ti_west/./app/components/page-layout/index.tsx","webpack://ti_west/./app/containers/purchase-form/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\n\ntype PropsAccordionItemHeading = {\n\tclassName?: string;\n\tid?: string;\n\tariaControl?: string;\n\tisOpen: boolean;\n\tonClick: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * Accordion item heading component.\n *\n * Heading and title to be displayed for an accordion item. Contains a button\n * to open and close the accordion item.\n *\n * Style guide: [...]/section-components.html#kssref-components-accordion\n *\n * @param {Object} props - Component properties.\n * @param {string} props.className - Additional class to apply to AccordionItemHeading.\n * @param {string} props.id - DOM ID to apply to accordion item heading.\n * @param {string} props.ariaControl - DOM ID of accordion item for this heading.\n * @param {bool} props.isOpen - Whether or not this accordion item is currently open.\n * @param {function} props.onClick - Callback when open/close button is clicked.\n * @param {Object} props.children - Child elements or components.\n *\n * @returns {React.Element} AccordionItemHeading component instance.\n */\nexport const AccordionItemHeading: React.FC<PropsAccordionItemHeading> = ({\n\tclassName,\n\tid,\n\tariaControl,\n\tisOpen,\n\tonClick,\n\tchildren,\n}: React.PropsWithChildren<PropsAccordionItemHeading>) => (\n\t<p className={classNames('u-margin-hug', 'accordion__heading', className)}>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName=\"accordion__trigger\"\n\t\t\tid={id}\n\t\t\taria-controls={ariaControl}\n\t\t\taria-expanded={isOpen}\n\t\t\tdata-current={isOpen}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<span className=\"accordion__trigger-inner\">{children}</span>\n\t\t</button>\n\t</p>\n);\n","import classNames from 'classnames';\nimport * as React from 'react';\n\ntype PropsAccordionItemPanel = {\n\tclassName?: string;\n\tid?: string;\n\tisOpen: boolean;\n};\n\n/**\n * Accordion item panel component.\n *\n * Renders the content for an accordion item.\n *\n * Style guide: [...]/section-components.html#kssref-components-accordion\n *\n * @param {Object} props - Component properties.\n * @param {string} props.className - Additional class to apply to AccordionItemPanel.\n * @param {string} props.id - DOM ID to apply to accordion item panel.\n * @param {bool} props.isOpen - Whether or not this accordion item is currently open.\n * @param {React.ReactNode} props.children - Child components to be displayed when accordion is open.\n *\n * @returns {React.Element} AccordionItemPanel component instance.\n */\nexport const AccordionItemPanel: React.FC<PropsAccordionItemPanel> = ({\n\tclassName,\n\tid,\n\tisOpen,\n\tchildren,\n}: React.PropsWithChildren<PropsAccordionItemPanel>) => (\n\t<div\n\t\tclassName={classNames('accordion__panel', className)}\n\t\tid={id}\n\t\taria-hidden={!isOpen}\n\t>\n\t\t{children}\n\t</div>\n);\n","import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { AccordionItemHeading } from './accordion-item-heading';\n\n/*\n * Accordion item heading component name must be retrieved dynamically;\n * production minimization mangles function names so they cannot be hardcoded.\n */\nconst accordionItemHeadingName = AccordionItemHeading.name;\n\ntype PropsAccordionItem = {\n\tclassName?: string;\n\tdefaultOpen?: boolean;\n};\n\n/**\n * Accordion item component.\n *\n * An item to be included in an Accordion. Includes a title which is\n * always shown, and can be opened or closed to reveal and hide its contents.\n *\n * Only one AccordionItem per Accordion can be opened at a time; when\n * an item is opened, any other open AccordionItem within the Accordion will\n * be closed.\n *\n * Style guide: [...]/section-components.html#kssref-components-accordion\n *\n * @param {Object}   props - Component properties.\n * @param {string}   props.className - Additional class to apply to AccordionItem.\n * @param {Object}   props.children - Child elements or components.\n * @param {boolean=} props.defaultOpen - Determines default open state.\n *\n * @returns {React.Element} AccordionItem component instance.\n */\nexport const AccordionItem: React.FC<PropsAccordionItem> = ({\n\tclassName,\n\tchildren,\n\tdefaultOpen = false,\n}: React.PropsWithChildren<PropsAccordionItem>) => {\n\tconst [isOpen, setIsOpen] = React.useState(defaultOpen);\n\n\t/**\n\t * Toggles the AccordionItem isOpen state.\n\t */\n\tconst toggleAccordion = () => setIsOpen(!isOpen);\n\n\t/**\n\t * Renders this AccordionItem's child elements or components.\n\t *\n\t * If a child element is an AccordionItemHeading object, its properties\n\t * are overridden such that its `isOpen` prop matches this AccordionItem's\n\t * `isOpen` state, and its `onClick` prop contains a callback to\n\t * `toggleAccordion`. Otherwise, only the `isOpen` prop is overridden. This\n\t * is accomplished by cloning the child elements and rendering the cloned\n\t * elements instead.\n\t *\n\t * FIXME This is not the most idiomatic approach to this problem; it might\n\t * be better to accept an optional `heading` string prop that, when present,\n\t * causes an AccordionItemHeading component to be rendered with the\n\t * necessary props. The current solution overrides properties that may be\n\t * explicitly set by the developer, and could lead to unexpected behavior.\n\t *\n\t * @returns {Array} Array of renderable components derived from `children`.\n\t */\n\tconst renderAccordionChildren = () => {\n\t\tconst newAccordionElements = React.Children.map(children, (child) => {\n\t\t\tif (!React.isValidElement(child)) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tchild.type &&\n\t\t\t\t(child.type as React.JSXElementConstructor<any>).name ===\n\t\t\t\t\taccordionItemHeadingName\n\t\t\t) {\n\t\t\t\treturn React.cloneElement(child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisOpen,\n\t\t\t\t\tonClick: toggleAccordion,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\t...child.props,\n\t\t\t\tisOpen,\n\t\t\t});\n\t\t});\n\n\t\treturn newAccordionElements;\n\t};\n\n\t// Render AccordionItem.\n\treturn (\n\t\t<li className={classNames('accordion__item', className)}>\n\t\t\t{renderAccordionChildren()}\n\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclassName=\"accordion__icon\"\n\t\t\t\twidth=\"40\"\n\t\t\t\theight=\"40\"\n\t\t\t\tviewBox=\"0 0 40 40\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\taria-hidden={isOpen}\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\td=\"M20,4c8.8,0,16,7.2,16,16s-7.2,16-16,16S4,28.8,4,20S11.2,4,20,4 M20,0C9,0,0,9,0,20s9,20,20,20s20-9,20-20 S31,0,20,0L20,0z\"\n\t\t\t\t/>\n\t\t\t\t<rect x=\"9\" y=\"18\" fill=\"currentColor\" width=\"22\" height=\"4\" />\n\t\t\t\t<rect\n\t\t\t\t\tclassName=\"accordion__icon-vertical-bar\"\n\t\t\t\t\tx=\"18\"\n\t\t\t\t\ty=\"9\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\twidth=\"4\"\n\t\t\t\t\theight=\"22\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</li>\n\t);\n};\n","import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { ChevronRightThinIcon } from '../icons';\n\ntype PropsAccordionRibbon = {\n\tdefaultOpen?: boolean;\n\thideButton?: boolean;\n\tid: string;\n\topenOverride?: boolean;\n\ttitle: React.ReactNode;\n};\n\nexport const AccordionRibbon: React.FC<PropsAccordionRibbon> = ({\n\tchildren,\n\tdefaultOpen = false,\n\thideButton = false,\n\tid,\n\topenOverride,\n\ttitle,\n}: React.PropsWithChildren<PropsAccordionRibbon>) => {\n\tconst [isStepOpen, setIsStepOpen] = React.useState(defaultOpen);\n\tconst toggleStep = () => setIsStepOpen(!isStepOpen);\n\n\tReact.useEffect(() => {\n\t\tif (openOverride) {\n\t\t\tsetIsStepOpen(openOverride);\n\t\t}\n\t}, [openOverride, setIsStepOpen]);\n\n\treturn (\n\t\t<div id={id} className=\"progress-step__container\">\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={toggleStep}\n\t\t\t\tclassName={classNames('progress-step__title-button', {\n\t\t\t\t\t'u-hidden': hideButton,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<span className=\"progress-step__title\">\n\t\t\t\t\t<ChevronRightThinIcon\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t'designation-step__header-icon',\n\t\t\t\t\t\t\t{ open: isStepOpen },\n\t\t\t\t\t\t\t{ closed: !isStepOpen },\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t<h3 className=\"progress-step__title-text\">{title}</h3>\n\t\t\t\t</span>\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\thidden={!isStepOpen}\n\t\t\t\tclassName=\"designation-step__container u-margin-top\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import classNames from 'classnames';\nimport * as React from 'react';\n\ntype PropsAccordion = {\n\tclassName?: string;\n\tid?: string;\n};\n\n/**\n * Accordion component.\n *\n * Contains child AccordionItem instances which can be opened and closed\n * to display their contents. Only one child AccordionItem instance can be\n * open at a time.\n *\n * Style guide: [...]/section-components.html#kssref-components-accordion\n *\n * @param {Object} props - Component properties.\n * @param {string} props.className - Additional class to apply to Accordion.\n * @param {string} props.id - DOM ID to apply to Accordion.\n * @param {Object} props.children - Child elements or components.\n *\n * @returns {React.Element} Accordion component instance.\n */\nexport const Accordion: React.FC<PropsAccordion> = ({\n\tclassName,\n\tid,\n\tchildren,\n}: React.PropsWithChildren<PropsAccordion>) => (\n\t<ul\n\t\tclassName={classNames('accordion', className)}\n\t\tid={id}\n\t\trole=\"tablist\"\n\t\tdata-default=\"none\"\n\t>\n\t\t{children}\n\t</ul>\n);\n","// eslint-disable-next-line import/no-unused-modules\nexport * from './accordion';\nexport * from './accordion-item';\nexport * from './accordion-item-heading';\nexport * from './accordion-item-panel';\nexport * from './accordion-ribbon';\n","import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { PageLoadError } from '../error';\nimport { Loader } from '../loader';\nimport { Notification } from '../notification';\n\ntype PropsPageLayout = {\n\tcontainerClassNames?: string;\n\terrorClassNames?: string;\n\terrorMessage?: string;\n\thasNotificationError?: boolean;\n\thasPageLoadError?: boolean;\n\tisInitialLoading: boolean;\n\tisLoading?: boolean;\n\tisMaxWidth?: boolean;\n};\n\n/**\n * Sets up an initial page with error handling and loading icons.\n */\nexport const PageLayout: React.FC<PropsPageLayout> = ({\n\tchildren,\n\tcontainerClassNames = '',\n\terrorClassNames = '',\n\terrorMessage = '',\n\thasNotificationError = false,\n\thasPageLoadError = false,\n\tisInitialLoading = false,\n\tisLoading = false,\n\tisMaxWidth = true,\n}: React.PropsWithChildren<PropsPageLayout>) =>\n\thasPageLoadError || hasNotificationError ? (\n\t\t<>\n\t\t\t{hasPageLoadError ? (\n\t\t\t\t<div className={errorClassNames}>\n\t\t\t\t\t<PageLoadError message={errorMessage} />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Notification className={errorClassNames}>{errorMessage}</Notification>\n\t\t\t)}\n\t\t</>\n\t) : (\n\t\t<div\n\t\t\tclassName={classNames(containerClassNames, {\n\t\t\t\t'container container--max-width': isMaxWidth,\n\t\t\t\t'has-loader': isInitialLoading,\n\t\t\t\t'loading-graphic__parent': isInitialLoading,\n\t\t\t})}\n\t\t>\n\t\t\t{isInitialLoading ? <Loader /> : children}\n\t\t\t{isLoading && <Loader isVeiled />}\n\t\t</div>\n\t);\n","import * as React from 'react';\nimport { connect } from 'react-redux';\n\nimport { AccordionRibbon } from '@app/components/accordion';\nimport { PageLayout } from '@app/components/page-layout';\nimport { PurchaseForm } from '@app/components/purchase-form';\nimport { ProductFamily } from '@app/constants/product-family';\nimport { ProgramRule } from '@app/interfaces/store/content/program-rule';\nimport { Store } from '@app/interfaces/store/store';\nimport { mapDispatchToProps } from '@app/store/map-dispatch-to-props';\nimport { initializePurchaseForm } from '@app/utility/initialize-purchase-form';\n\ntype PropsPurchaseFormContainer = Pick<Store, 'content'> & {\n\tactions: any;\n};\n\nconst PurchaseFormContainerRaw: React.FC<PropsPurchaseFormContainer> = ({\n\tactions,\n\tcontent,\n}: PropsPurchaseFormContainer) => {\n\tconst { courseCode }: { courseCode: string } = window.drupalSettings.course;\n\tconst { courseTitle }: { courseTitle: string } = window.drupalSettings.course;\n\tconst [hasPageLoadError, setHasPageLoadError] = React.useState(false);\n\tconst [loading, setLoading] = React.useState(true);\n\n\tconst { courses = {} } = content.programRule;\n\tconst { courses: marketingCourses = {} } = content.marketing;\n\n\tconst course = courses[courseCode];\n\tconst { materialsNote = '', note = '' } = marketingCourses[courseCode] || {};\n\tconst newCourse = { ...course, note, materialsNote };\n\n\tReact.useEffect(() => {\n\t\t(async () => {\n\t\t\tconst courseCodes = [courseCode];\n\n\t\t\tconst { payload } = await actions.getCourseList(courseCodes);\n\n\t\t\tconst { products }: ProgramRule = payload;\n\n\t\t\t// Get Topic Course Ids for Online Course product families.\n\t\t\tconst topicCourseIds = Object.values(products)\n\t\t\t\t.filter(({ productFamily }) => productFamily === ProductFamily.TOPIC_COURSE)\n\t\t\t\t.map(({ id }) => id.toString());\n\n\t\t\tawait initializePurchaseForm(actions, courseCodes, topicCourseIds);\n\n\t\t\tsetLoading(false);\n\t\t})();\n\t}, [setLoading, setHasPageLoadError, actions, courseCode]);\n\n\tconst courseAbbr = course?.abbreviation;\n\tconst accordionTitle = courseAbbr\n\t\t? `${courseAbbr}: ${courseTitle}`\n\t\t: courseTitle;\n\n\treturn (\n\t\t<PageLayout isInitialLoading={loading} hasPageLoadError={hasPageLoadError}>\n\t\t\t{course !== undefined && (\n\t\t\t\t<AccordionRibbon id=\"purchase\" title={accordionTitle} defaultOpen>\n\t\t\t\t\t<PurchaseForm course={newCourse} />\n\t\t\t\t</AccordionRibbon>\n\t\t\t)}\n\t\t</PageLayout>\n\t);\n};\n\nexport const PurchaseFormContainer = connect(\n\t(store: Store) => store,\n\tmapDispatchToProps,\n)(PurchaseFormContainerRaw);\n\nexport default PurchaseFormContainer;\n"],"names":["classnames_1","__importDefault","require","React","__importStar","exports","_a","className","id","ariaControl","isOpen","onClick","children","createElement","type","accordionItemHeadingName","AccordionItemHeading","name","_b","defaultOpen","_c","useState","setIsOpen","toggleAccordion","Children","map","child","isValidElement","cloneElement","__assign","props","xmlns","width","height","viewBox","role","fill","d","x","y","icons_1","hideButton","openOverride","title","_d","isStepOpen","setIsStepOpen","useEffect","ChevronRightThinIcon","open","closed","hidden","__exportStar","error_1","loader_1","notification_1","containerClassNames","errorClassNames","errorMessage","_e","hasNotificationError","_f","hasPageLoadError","_g","isInitialLoading","_h","isLoading","_j","isMaxWidth","Fragment","PageLoadError","message","Notification","Loader","isVeiled","react_redux_1","accordion_1","page_layout_1","purchase_form_1","product_family_1","map_dispatch_to_props_1","initialize_purchase_form_1","connect","store","mapDispatchToProps","actions","content","courseCode","window","drupalSettings","course","courseTitle","setHasPageLoadError","loading","setLoading","programRule","courses","marketing","marketingCourses","materialsNote","note","newCourse","__awaiter","courseCodes","getCourseList","payload","sent","products","topicCourseIds","Object","values","filter","productFamily","ProductFamily","TOPIC_COURSE","toString","initializePurchaseForm","courseAbbr","abbreviation","accordionTitle","concat","PageLayout","undefined","AccordionRibbon","PurchaseForm","PurchaseFormContainer"],"sourceRoot":""}