Add step to determine appropriateness of CC licenses

[zackkrida]

Description

Users who aren't familiar with Creative Commons licenses might not know if the licenses are actually appropriate for their work and use case. We would like to add a step to the chooser that lets the user confirm a CC license is the right fit.

This issue will be updated with the exact copy, but in the meantime a draft pull request may be created that adds a 'generic' new second step to the chooser flow, that can be filled in with the appropriate content when ready.

[neeraj-2]

I would like to work on it. Can I?

[zackkrida]

Sure @neeraj-2! Thanks.

[zackkrida]

Hey @neeraj-2 will you be actively working on this this week? Just curious. Thank you!

[neeraj-2]

Hey @neeraj-2 will you be actively working on this this week? Just curious. Thank you!

Yes, @zackkrida. I am actively working on this one right now. (What I did in last some days) was just doing some background research to have a start on this issue. Explored the 7 CC licenses and their details and looking at our chooser website to get through what details already exist and what I should add-in. And now want your guidance so that I can understand from where I should exactly start 😊.

[neeraj-2]

Should I propose some interface/design on Figma? Or something like that to have a start with this issue?

[zackkrida]

It shouldn't require any design work; we need a new step added to the stepper (a new step 2) so the current step 2 becomes step 3. If they choose "no, i need help" it will go to the new step, otherwise it will still skip multiple steps the same way it currently works.

You can just use lorem ipsum / placeholder text for the new step.

[neeraj-2]

Thanks, @zackkrida for the details. I Will create a Draft PR soon.

[obulat]

Will this step have radio inputs, just like the first step? If so, we could add another step object to the list of step objects:

chooser/src/utils/steps.js

Lines 21 to 30 in a127966

	export const initialSteps = [
	{ id: 0, name: 'FS', visible: true, enabled: true, status: 'active', selected: undefined },
	{ id: 1, name: 'BY', visible: true, enabled: true, status: 'inactive', selected: undefined },
	{ id: 2, name: 'NC', visible: true, enabled: true, status: 'inactive', selected: undefined },
	{ id: 3, name: 'ND', visible: true, enabled: true, status: 'inactive', selected: undefined },
	{ id: 4, name: 'SA', visible: true, enabled: true, status: 'inactive', selected: undefined },
	{ id: 5, name: 'DD', visible: false, enabled: true, status: 'inactive', selected: undefined },
	{ id: 6, name: 'CW', visible: false, enabled: true, status: 'inactive', selected: undefined },
	{ id: 7, name: 'AD', visible: true, enabled: true, status: 'inactive', selected: undefined }
	]

and use the ChooserStep component for it. Here is where the selection of components for a step object is done:

chooser/src/components/Stepper.vue

Lines 91 to 96 in a127966

	stepActionComponent({ name }) {
	switch (name) {
	case 'CW': return CopyrightWaiverStep
	case 'DD': return DropdownStep
	case 'AD': return AttributionDetailsStep
	default: return ChooserStep

[neeraj-2]

Have just created a draft PR. But some work is still required. So, I am on it and will try to complete it by this week and will request a review after that. Thanks, @zackkrida, and @obulat.