\n
\n \n
\n Crew hiring proposal
\n Hire a Helper or Ambassador
\nBuild the offer in clear sections, choose exactly which terms belong in it, and review the recipient-facing details before creation.
\n\n {[\n ['bp-hiring-role', 'Role'],\n ['bp-hiring-candidate', 'Candidate'],\n ['bp-hiring-compensation', 'Compensation'],\n ['bp-hiring-terms', 'Terms'],\n ['bp-hiring-reference', 'Visual'],\n ['bp-hiring-message', 'Message'],\n ['bp-hiring-review', 'Review'],\n ].map(([id, label], index) => )}\n
\n \n
\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n
01
\n \n {crewHireType === 'custom' ? : null}\n RoleWho are you hiring?
02
\n CandidateWho receives and signs this proposal?
\n \n \n \n
\n 03
\n CompensationKeep pay separate from the behavioral or commercial terms.
\n \n {crewCompensationType !== 'volunteer' ? :
\n Volunteer/Unpaid
}\n 04
\n TermsCheck only the terms that should appear in this proposal.
\n {hiringTerms.length ? hiringTerms.map((term) =>
\n \n setHiringTerms((current) => current.map((item) => item.id === term.id ? { ...item, selected: event.target.checked } : item))} aria-label={`Include term: ${term.text || 'Custom term'}`}/>\n
) : \n {term.source === 'custom' ? setHiringTerms((current) => current.map((item) => item.id === term.id ? { ...item, text: event.target.value } : item))} className=\"proposal-workspace__hiring-term-input\" aria-label=\"Custom term text\"/> : {term.text}}\n {term.source === 'profile' ? 'Configured term' : 'Custom term'}\n
\n {term.source === 'custom' ? : null}\n No preset terms are configured for this role yet. Add only the terms you actually want in the proposal.
}\n \n setNewHiringTerm(event.target.value)} onKeyDown={(event) => { if (event.key === 'Enter') { event.preventDefault(); addHiringTerm(); } }} className=\"proposal-workspace__input\" placeholder=\"Add a custom term\"/>\n \n
\n 05
\n Visual referenceOptional image or PDF that helps depict the selected terms.
Use a photo or PDF when showing the exact look, product display, setup, route or territory example, or another expectation is clearer than text alone.
\n setHiringAttachment(event.target.files?.[0] || null)} className=\"proposal-workspace__input proposal-workspace__hiring-file-input\"/>\n {hiringAttachment ?\n {hiringAttachmentPreviewUrl ? 
: PDF }\n
: {hiringAttachment.name}{Math.max(1, Math.ceil(hiringAttachment.size / 1024))} KB · supporting terms reference
\n \n No visual reference selected.
}\n 06
\n MessageOptional note that sits apart from the selected terms.