@coorpacademy/components 11.18.7 → 11.18.8-alpha.12

package/lib/organism/wizard-contents/index.d.ts

@@ -7,11 +7,75 @@ declare namespace WizardContents {
             title: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>>;
+        const actions: PropTypes.Requireable<PropTypes.InferProps<{
+            bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                buttonAriaLabel: PropTypes.Requireable<string>;
+                menuAriaLabel: PropTypes.Requireable<string>;
+                buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                    'data-name': PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }> | null | undefined)[]>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            firstButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+        }>>;
         const steps: PropTypes.Requireable<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
+        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+            tab: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+                href: PropTypes.Requireable<string>;
+                status: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            index: PropTypes.Requireable<number>;
+            isLightTab: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
         const summary: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             side: PropTypes.Requireable<string>;
@@ -211,6 +275,7 @@ declare namespace WizardContents {
                     'data-name': PropTypes.Requireable<string>;
                 }>>;
                 sectionTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                    removeMargin: PropTypes.Requireable<boolean>;
                     title: PropTypes.Requireable<string>;
                     subtitle: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
@@ -270,6 +335,50 @@ declare namespace WizardContents {
                         pdfButtonAriaLabel: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
                     'data-name': PropTypes.Requireable<string>;
+                }> | PropTypes.InferProps<{
+                    childType: PropTypes.Requireable<string>;
+                    name: PropTypes.Requireable<string>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    onReset: PropTypes.Requireable<(...args: any[]) => any>;
+                    imageTypes: (props: any, propName: any, componentName: any) => Error | null;
+                    error: PropTypes.Requireable<string>;
+                    buttonAriaLabel: PropTypes.Requireable<string>;
+                    errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
+                    title: PropTypes.Requireable<string>;
+                    description: PropTypes.Requireable<string>;
+                    uploadLabel: PropTypes.Requireable<string>;
+                    previewLabel: PropTypes.Requireable<string>;
+                    previewContent: PropTypes.Requireable<PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        src: PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                    }>>;
+                    loading: PropTypes.Requireable<boolean>;
+                    modified: PropTypes.Requireable<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    children: PropTypes.Requireable<(...args: any[]) => any>;
+                    pdfButtonLabel: PropTypes.Requireable<string>;
+                    pdfButtonAriaLabel: PropTypes.Requireable<string>;
+                }> | PropTypes.InferProps<{
+                    childType: PropTypes.Requireable<string>;
+                    title: PropTypes.Requireable<string>;
+                    placeholder: PropTypes.Requireable<string>;
+                    description: PropTypes.Requireable<string>;
+                    hint: PropTypes.Requireable<string>;
+                    options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                        selected: PropTypes.Validator<boolean>;
+                        name: PropTypes.Validator<string>;
+                        value: PropTypes.Requireable<string>;
+                    }>>[]>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    onError: PropTypes.Requireable<(...args: any[]) => any>;
+                    multiple: PropTypes.Requireable<boolean>;
+                    modified: PropTypes.Requireable<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    error: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
                 }> | null | undefined>>;
             }> | null | undefined)[]>;
         }> | PropTypes.InferProps<{
@@ -281,6 +390,7 @@ declare namespace WizardContents {
                 fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     current: PropTypes.Requireable<boolean>;
+                    selected: PropTypes.Requireable<boolean>;
                     icon: PropTypes.Requireable<string>;
                     value: PropTypes.Requireable<string>;
                 }> | null | undefined> | null | undefined)[]>;
@@ -343,6 +453,8 @@ declare namespace WizardContents {
                 isBulkMenu: PropTypes.Requireable<boolean>;
             }> | null | undefined>>;
             isNestedTable: PropTypes.Requireable<boolean>;
+            emptyStateFirstMessage: PropTypes.Requireable<string>;
+            emptyStateSecondMessage: PropTypes.Requireable<string>;
         }> | null | undefined>>;
         const previousStep: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;

package/lib/organism/wizard-contents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAsHA,yDAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AA0IA,yDAqCC"}

package/lib/organism/wizard-contents/index.js

@@ -27,6 +27,10 @@ var _courseSelection = _interopRequireDefault(require("../course-selection"));
 
 var _courseSections = _interopRequireDefault(require("../../molecule/course-sections"));
 
+var _brandTabs = _interopRequireDefault(require("../../molecule/brand-tabs"));
+
+var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+
 var _rewardsForm = _interopRequireDefault(require("../rewards-form"));
 
 var _expandibleActionableTable = _interopRequireDefault(require("../../molecule/expandible-actionable-table"));
@@ -37,7 +41,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const buildHeader = (wizardHeader, steps) => {
+const buildHeader = (wizardHeader, actions, steps, tabs) => {
   const {
     title,
     onClick
@@ -51,12 +55,25 @@ const buildHeader = (wizardHeader, steps) => {
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonCloseIcon), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.headerTitle,
     "data-name": 'content-title'
-  }, title)), /*#__PURE__*/_react.default.createElement(_wizardSteps.default, {
+  }, title)), actions ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.actionsWrapper
+  }, /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, actions.bulletPointMenuButton), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonLink
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, actions.firstButtonLink)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonLink
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, actions.secondButtonLink))) : null), steps ? /*#__PURE__*/_react.default.createElement(_wizardSteps.default, {
     steps: steps
-  }));
+  }) : null, tabs ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabs
+  }, /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
+    type: "light",
+    tabs: tabs
+  })) : null);
 };
 
 const buildForm = content => {
@@ -152,13 +169,15 @@ const WizardContents = props => {
   const {
     isLoading,
     wizardHeader,
+    actions,
     steps,
+    tabs,
     summary,
     content,
     nextStep,
     previousStep
   } = props;
-  const headerView = buildHeader(wizardHeader, steps);
+  const headerView = buildHeader(wizardHeader, actions, steps, tabs);
   const formView = buildForm(_extends({}, content, {
     isLoading
   }));
@@ -203,7 +222,23 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     title: _propTypes.default.string,
     onClick: _propTypes.default.func
   }).isRequired,
+  actions: _propTypes.default.shape({
+    bulletPointMenuButton: _propTypes.default.shape({
+      buttonAriaLabel: _propTypes.default.string,
+      menuAriaLabel: _propTypes.default.string,
+      buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
+        'data-name': _propTypes.default.string,
+        label: _propTypes.default.string,
+        type: _propTypes.default.string,
+        onClick: _propTypes.default.func
+      })),
+      onClick: _propTypes.default.func
+    }),
+    firstButtonLink: _propTypes.default.shape(_buttonLink.default.propTypes),
+    secondButtonLink: _propTypes.default.shape(_buttonLink.default.propTypes)
+  }),
   steps: _wizardSteps.default.propTypes.steps,
+  tabs: _brandTabs.default.propTypes.tabs,
   summary: _propTypes.default.shape(_extends({}, _wizardSummary.default.propTypes)),
   content: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _brandForm.default.propTypes, {
     type: _propTypes.default.oneOf(['form'])

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","formView","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","style","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","formView","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","ButtonLink","WizardSteps","BrandTabs","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIconOnly {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/lib/organism/wizard-contents/style.css

@@ -17,6 +17,17 @@
   flex-direction: column;
 }
 
+.actionsWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.buttonLink {
+  max-width: 190px;
+}
+
 .leftSection {
   display: flex;
   flex-direction: column;
@@ -58,6 +69,13 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  justify-content: space-between;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 
 .headerTitle {
@@ -67,6 +85,10 @@
   margin: 0 0 0 16px;
 }
 
+.tabs {
+  padding: 31px 0 0 0;
+}
+
 .form {
   margin: 45px 32px 0 0;
 }

package/lib/template/app-player/loading/index.d.ts

@@ -7,7 +7,18 @@ declare namespace PlayerLoading {
         const popinError: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -55,6 +66,13 @@ declare namespace PlayerLoading {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     }
 }

package/lib/template/app-player/player/index.d.ts

@@ -58,7 +58,18 @@ declare namespace SlidePlayer {
             popinError: PropTypes.Requireable<PropTypes.InferProps<{
                 content: PropTypes.Requireable<string>;
                 mode: PropTypes.Requireable<string>;
-                header: PropTypes.Requireable<string>;
+                header: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<PropTypes.InferProps<{
+                        title: PropTypes.Requireable<string>;
+                        subtitle: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                        titleSize: PropTypes.Requireable<string>;
+                        subtitleSize: PropTypes.Requireable<string>;
+                    }>>;
+                    headerIcon: PropTypes.Requireable<string>;
+                    backgroundImage: PropTypes.Requireable<string>;
+                }>>;
                 firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -106,12 +117,30 @@ declare namespace SlidePlayer {
                     'data-name': PropTypes.Requireable<string>;
                     requiredSelection: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
+                items: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    list: PropTypes.Requireable<PropTypes.InferProps<{
+                        list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                        loading: PropTypes.Requireable<boolean>;
+                    }>>;
+                }>>;
             }>>;
         }>>;
         const popin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -159,6 +188,13 @@ declare namespace SlidePlayer {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     }
 }

package/lib/template/app-player/player/slides/index.d.ts

@@ -64,7 +64,18 @@ declare namespace SlidesPlayer {
         export const popinError: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -112,6 +123,13 @@ declare namespace SlidesPlayer {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     }
 }

package/lib/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/lib/template/app-player/popin-correction/index.d.ts

@@ -92,7 +92,18 @@ declare class PopinCorrection extends React.Component<any, any, any> {
         popinError: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -140,6 +151,13 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     };
     static contextTypes: {

package/lib/template/app-player/popin-correction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

package/lib/template/app-player/popin-end/index.d.ts

@@ -109,13 +109,65 @@ declare namespace PopinEnd {
                 dataName: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 showMore: PropTypes.Requireable<string>;
-                cards: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                cards: PropTypes.Requireable<(PropTypes.InferProps<{
+                    badge: PropTypes.Requireable<string>;
+                    image: PropTypes.Requireable<string>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    adaptiv: PropTypes.Requireable<boolean>;
+                    type: PropTypes.Requireable<string>;
+                    title: PropTypes.Requireable<string>;
+                    author: PropTypes.Requireable<string>;
+                    certifiedAuthor: PropTypes.Requireable<boolean>;
+                    customer: PropTypes.Requireable<PropTypes.InferProps<{
+                        theme: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        name: PropTypes.Requireable<string>;
+                        coorpOriginal: PropTypes.Validator<boolean>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        'aria-label': PropTypes.Requireable<string>;
+                    }>>;
+                    progress: PropTypes.Requireable<number>;
+                    favorite: PropTypes.Requireable<boolean>;
+                    addFavoriteToolTip: PropTypes.Requireable<string>;
+                    removeFavoriteToolTip: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isSelected: PropTypes.Requireable<boolean>;
+                    notification: PropTypes.Requireable<PropTypes.InferProps<{
+                        message: PropTypes.Validator<string>;
+                        icon: PropTypes.Validator<string>;
+                    }>>;
+                    badgeCategory: PropTypes.Requireable<string>;
+                    badgeLabel: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
+                    disabledContent: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'background-aria-label': PropTypes.Requireable<string>;
+                    'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                        favorite: PropTypes.Requireable<string>;
+                        addToFavorite: PropTypes.Requireable<string>;
+                        removeFromFavorite: PropTypes.Requireable<string>;
+                    }>>;
+                    'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                        select: PropTypes.Requireable<string>;
+                        unSelect: PropTypes.Requireable<string>;
+                    }>>;
+                    'customer-aria-label': PropTypes.Requireable<string>;
+                    'badge-aria-label': PropTypes.Requireable<string>;
+                    'disabled-aria-label': PropTypes.Requireable<string>;
+                    'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                        author: PropTypes.Requireable<string>;
+                        progression: PropTypes.Requireable<string>;
+                        adaptive: PropTypes.Requireable<string>;
+                    }>>;
+                }> | null | undefined)[]>;
                 onScroll: PropTypes.Requireable<(...args: any[]) => any>;
                 onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
                 'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
                     showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
                     showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
                 }>>;
+                testingSizes: PropTypes.Requireable<any>;
             }>>;
             feedback: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -132,7 +184,18 @@ declare namespace PopinEnd {
         const popinError: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -180,6 +243,13 @@ declare namespace PopinEnd {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     }
 }