</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <React.Fragment>
+ <div
+ className="boxed-group-inner"
+ >
<React.Fragment>
- <PaymentMethodSelect
- onChange={[Function]}
- />
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
</React.Fragment>
- </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
- >
- <React.Fragment>
- <PlanSelect
- onChange={[Function]}
- plan="free"
- startingPrice="10"
- />
- <div
- className="display-flex-center big-spacer-top"
- >
- <SubmitButton
- disabled={false}
- onClick={[Function]}
+ className=""
+ >
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="free"
+ startingPrice="10"
+ />
+ <div
+ className="display-flex-center big-spacer-top"
>
- my_account.create_organization
- </SubmitButton>
- </div>
- </React.Fragment>
+ <SubmitButton
+ disabled={false}
+ onClick={[Function]}
+ >
+ my_account.create_organization
+ </SubmitButton>
+ </div>
+ </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <React.Fragment>
- <PlanSelect
- onChange={[Function]}
- plan="paid"
- startingPrice="10"
- />
+ <div
+ className="boxed-group-inner"
+ >
<React.Fragment>
- <PaymentMethodSelect
+ <PlanSelect
onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
/>
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
</React.Fragment>
- </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <React.Fragment>
- <PlanSelect
- onChange={[Function]}
- plan="paid"
- startingPrice="10"
- />
+ <div
+ className="boxed-group-inner"
+ >
<React.Fragment>
- <PaymentMethodSelect
+ <PlanSelect
onChange={[Function]}
- paymentMethod="card"
- />
- <Connect(withCurrentUser(CardForm))
- createOrganization={[MockFunction]}
- onFailToUpgrade={[MockFunction]}
- onSubmit={[MockFunction]}
- subscriptionPlans={Array []}
+ plan="paid"
+ startingPrice="10"
/>
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ paymentMethod="card"
+ />
+ <Connect(withCurrentUser(CardForm))
+ createOrganization={[MockFunction]}
+ onFailToUpgrade={[MockFunction]}
+ onSubmit={[MockFunction]}
+ subscriptionPlans={Array []}
+ />
+ </React.Fragment>
</React.Fragment>
- </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <React.Fragment>
- <PlanSelect
- onChange={[Function]}
- plan="paid"
- startingPrice="10"
- />
+ <div
+ className="boxed-group-inner"
+ >
<React.Fragment>
- <PaymentMethodSelect
+ <PlanSelect
onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
/>
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
</React.Fragment>
- </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <React.Fragment>
- <PlanSelect
- onChange={[Function]}
- plan="paid"
- startingPrice="10"
- />
+ <div
+ className="boxed-group-inner"
+ >
<React.Fragment>
- <PaymentMethodSelect
+ <PlanSelect
onChange={[Function]}
- paymentMethod="coupon"
- />
- <Connect(withCurrentUser(CouponForm))
- createOrganization={[MockFunction]}
- onFailToUpgrade={[MockFunction]}
- onSubmit={[MockFunction]}
+ plan="paid"
+ startingPrice="10"
/>
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ paymentMethod="coupon"
+ />
+ <Connect(withCurrentUser(CouponForm))
+ createOrganization={[MockFunction]}
+ onFailToUpgrade={[MockFunction]}
+ onSubmit={[MockFunction]}
+ />
+ </React.Fragment>
</React.Fragment>
- </React.Fragment>
+ </div>
</div>
</div>
`;
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
<div
- className="big-spacer-bottom width-50"
+ className="boxed-group-inner"
>
- onboarding.organization.text
- </div>
- <div>
<div
- className="big-spacer-top"
+ className="big-spacer-bottom width-50"
>
- <a
- className="js-existing link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right is-checked"
- />
- onboarding.organization.exising_organization
- </a>
+ onboarding.organization.text
+ </div>
+ <div>
<div
className="big-spacer-top"
>
- <Select
- className="input-super-large"
- clearable={false}
- onChange={[Function]}
- options={
- Array [
- Object {
- "label": "another",
- "value": "another",
- },
- Object {
- "label": "user",
- "value": "user",
- },
- ]
- }
+ <a
+ className="js-existing link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ >
+ <i
+ className="icon-radio spacer-right is-checked"
+ />
+ onboarding.organization.exising_organization
+ </a>
+ <div
+ className="big-spacer-top"
>
- <LazyLoader
+ <Select
className="input-super-large"
- clearRenderer={[Function]}
clearable={false}
onChange={[Function]}
options={
]
}
>
- <Select
- arrowRenderer={[Function]}
- autosize={true}
- backspaceRemoves={true}
- backspaceToRemoveMessage="Press backspace to remove {label}"
+ <LazyLoader
className="input-super-large"
- clearAllText="Clear all"
clearRenderer={[Function]}
- clearValueText="Clear value"
clearable={false}
- closeOnSelect={true}
- deleteRemoves={true}
- delimiter=","
- disabled={false}
- escapeClearsValue={true}
- filterOptions={[Function]}
- ignoreAccents={true}
- ignoreCase={true}
- inputProps={Object {}}
- isLoading={false}
- joinValues={false}
- labelKey="label"
- matchPos="any"
- matchProp="any"
- menuBuffer={0}
- menuRenderer={[Function]}
- multi={false}
- noResultsText="No results found"
- onBlurResetsInput={true}
onChange={[Function]}
- onCloseResetsInput={true}
- onSelectResetsInput={true}
- openOnClick={true}
- optionComponent={[Function]}
options={
Array [
Object {
},
]
}
- pageSize={5}
- placeholder="Select..."
- removeSelected={true}
- required={false}
- rtl={false}
- scrollMenuIntoView={true}
- searchable={true}
- simpleValue={false}
- tabSelectsValue={true}
- trimFilter={true}
- valueComponent={[Function]}
- valueKey="value"
>
- <div
- className="Select input-super-large is-searchable Select--single"
+ <Select
+ arrowRenderer={[Function]}
+ autosize={true}
+ backspaceRemoves={true}
+ backspaceToRemoveMessage="Press backspace to remove {label}"
+ className="input-super-large"
+ clearAllText="Clear all"
+ clearRenderer={[Function]}
+ clearValueText="Clear value"
+ clearable={false}
+ closeOnSelect={true}
+ deleteRemoves={true}
+ delimiter=","
+ disabled={false}
+ escapeClearsValue={true}
+ filterOptions={[Function]}
+ ignoreAccents={true}
+ ignoreCase={true}
+ inputProps={Object {}}
+ isLoading={false}
+ joinValues={false}
+ labelKey="label"
+ matchPos="any"
+ matchProp="any"
+ menuBuffer={0}
+ menuRenderer={[Function]}
+ multi={false}
+ noResultsText="No results found"
+ onBlurResetsInput={true}
+ onChange={[Function]}
+ onCloseResetsInput={true}
+ onSelectResetsInput={true}
+ openOnClick={true}
+ optionComponent={[Function]}
+ options={
+ Array [
+ Object {
+ "label": "another",
+ "value": "another",
+ },
+ Object {
+ "label": "user",
+ "value": "user",
+ },
+ ]
+ }
+ pageSize={5}
+ placeholder="Select..."
+ removeSelected={true}
+ required={false}
+ rtl={false}
+ scrollMenuIntoView={true}
+ searchable={true}
+ simpleValue={false}
+ tabSelectsValue={true}
+ trimFilter={true}
+ valueComponent={[Function]}
+ valueKey="value"
>
<div
- className="Select-control"
- onKeyDown={[Function]}
- onMouseDown={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
+ className="Select input-super-large is-searchable Select--single"
>
- <span
- className="Select-multi-value-wrapper"
- id="react-select-2--value"
+ <div
+ className="Select-control"
+ onKeyDown={[Function]}
+ onMouseDown={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
>
- <div
- className="Select-placeholder"
- >
- Select...
- </div>
- <AutosizeInput
- aria-activedescendant="react-select-2--value"
- aria-expanded="false"
- aria-haspopup="false"
- aria-owns=""
- className="Select-input"
- injectStyles={true}
- minWidth="5"
- onBlur={[Function]}
- onChange={[Function]}
- onFocus={[Function]}
- required={false}
- role="combobox"
- value=""
+ <span
+ className="Select-multi-value-wrapper"
+ id="react-select-2--value"
>
<div
+ className="Select-placeholder"
+ >
+ Select...
+ </div>
+ <AutosizeInput
+ aria-activedescendant="react-select-2--value"
+ aria-expanded="false"
+ aria-haspopup="false"
+ aria-owns=""
className="Select-input"
- style={
- Object {
- "display": "inline-block",
- }
- }
+ injectStyles={true}
+ minWidth="5"
+ onBlur={[Function]}
+ onChange={[Function]}
+ onFocus={[Function]}
+ required={false}
+ role="combobox"
+ value=""
>
- <input
- aria-activedescendant="react-select-2--value"
- aria-expanded="false"
- aria-haspopup="false"
- aria-owns=""
- onBlur={[Function]}
- onChange={[Function]}
- onFocus={[Function]}
- required={false}
- role="combobox"
- style={
- Object {
- "boxSizing": "content-box",
- "width": "5px",
- }
- }
- value=""
- />
<div
+ className="Select-input"
style={
Object {
- "height": 0,
- "left": 0,
- "overflow": "scroll",
- "position": "absolute",
- "top": 0,
- "visibility": "hidden",
- "whiteSpace": "pre",
+ "display": "inline-block",
}
}
- />
- </div>
- </AutosizeInput>
- </span>
- <span
- className="Select-arrow-zone"
- onMouseDown={[Function]}
- >
+ >
+ <input
+ aria-activedescendant="react-select-2--value"
+ aria-expanded="false"
+ aria-haspopup="false"
+ aria-owns=""
+ onBlur={[Function]}
+ onChange={[Function]}
+ onFocus={[Function]}
+ required={false}
+ role="combobox"
+ style={
+ Object {
+ "boxSizing": "content-box",
+ "width": "5px",
+ }
+ }
+ value=""
+ />
+ <div
+ style={
+ Object {
+ "height": 0,
+ "left": 0,
+ "overflow": "scroll",
+ "position": "absolute",
+ "top": 0,
+ "visibility": "hidden",
+ "whiteSpace": "pre",
+ }
+ }
+ />
+ </div>
+ </AutosizeInput>
+ </span>
<span
- className="Select-arrow"
+ className="Select-arrow-zone"
onMouseDown={[Function]}
- />
- </span>
+ >
+ <span
+ className="Select-arrow"
+ onMouseDown={[Function]}
+ />
+ </span>
+ </div>
</div>
- </div>
- </Select>
- </LazyLoader>
- </Select>
+ </Select>
+ </LazyLoader>
+ </Select>
+ </div>
</div>
- </div>
- <div
- className="big-spacer-top"
- >
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
+ <div
+ className="big-spacer-top"
>
- <i
- className="icon-radio spacer-right"
- />
- onboarding.organization.create_another_organization
- </a>
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ >
+ <i
+ className="icon-radio spacer-right"
+ />
+ onboarding.organization.create_another_organization
+ </a>
+ </div>
</div>
</div>
</div>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <div>
+ <div
+ className="boxed-group-inner"
+ >
<div>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right is-checked"
- />
- onboarding.token.generate_token
- </a>
- <div
- className="big-spacer-top"
- >
- <form
- onSubmit={[Function]}
+ <div>
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
>
- <input
- autoFocus={true}
- className="input-large spacer-right text-middle"
- onChange={[Function]}
- placeholder="onboarding.token.generate_token.placeholder"
- required={true}
- type="text"
- value=""
+ <i
+ className="icon-radio spacer-right is-checked"
/>
- <SubmitButton
- className="text-middle"
- disabled={true}
+ onboarding.token.generate_token
+ </a>
+ <div
+ className="big-spacer-top"
+ >
+ <form
+ onSubmit={[Function]}
>
- <Button
+ <input
+ autoFocus={true}
+ className="input-large spacer-right text-middle"
+ onChange={[Function]}
+ placeholder="onboarding.token.generate_token.placeholder"
+ required={true}
+ type="text"
+ value=""
+ />
+ <SubmitButton
className="text-middle"
disabled={true}
- preventDefault={false}
- type="submit"
>
- <button
- className="button text-middle"
+ <Button
+ className="text-middle"
disabled={true}
- onClick={[Function]}
+ preventDefault={false}
type="submit"
>
- onboarding.token.generate
- </button>
- </Button>
- </SubmitButton>
- </form>
+ <button
+ className="button text-middle"
+ disabled={true}
+ onClick={[Function]}
+ type="submit"
+ >
+ onboarding.token.generate
+ </button>
+ </Button>
+ </SubmitButton>
+ </form>
+ </div>
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ >
+ <i
+ className="icon-radio spacer-right"
+ />
+ onboarding.token.use_existing_token
+ </a>
</div>
</div>
<div
- className="big-spacer-top"
+ className="note big-spacer-top width-50"
>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right"
- />
- onboarding.token.use_existing_token
- </a>
+ onboarding.token.text
</div>
</div>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
</div>
</div>
</Step>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <div>
+ <div
+ className="boxed-group-inner"
+ >
<div>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right is-checked"
- />
- onboarding.token.generate_token
- </a>
+ <div>
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ >
+ <i
+ className="icon-radio spacer-right is-checked"
+ />
+ onboarding.token.generate_token
+ </a>
+ <div
+ className="big-spacer-top"
+ >
+ <form
+ onSubmit={[Function]}
+ >
+ <input
+ autoFocus={true}
+ className="input-large spacer-right text-middle"
+ onChange={[Function]}
+ placeholder="onboarding.token.generate_token.placeholder"
+ required={true}
+ type="text"
+ value="my token"
+ />
+ <i
+ className="spinner text-middle"
+ />
+ </form>
+ </div>
+ </div>
<div
className="big-spacer-top"
>
- <form
- onSubmit={[Function]}
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
>
- <input
- autoFocus={true}
- className="input-large spacer-right text-middle"
- onChange={[Function]}
- placeholder="onboarding.token.generate_token.placeholder"
- required={true}
- type="text"
- value="my token"
- />
<i
- className="spinner text-middle"
+ className="icon-radio spacer-right"
/>
- </form>
+ onboarding.token.use_existing_token
+ </a>
</div>
</div>
<div
- className="big-spacer-top"
+ className="note big-spacer-top width-50"
>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right"
- />
- onboarding.token.use_existing_token
- </a>
+ onboarding.token.text
</div>
</div>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
</div>
</div>
</Step>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <form
- onSubmit={[Function]}
+ <div
+ className="boxed-group-inner"
>
- <span
- className="text-middle"
- >
- my token
- :
- </span>
- <strong
- className="spacer-right text-middle"
+ <form
+ onSubmit={[Function]}
>
- abcd1234
- </strong>
- <DeleteButton
- className="button-small text-middle"
- onClick={[Function]}
- >
- <ButtonIcon
+ <span
+ className="text-middle"
+ >
+ my token
+ :
+ </span>
+ <strong
+ className="spacer-right text-middle"
+ >
+ abcd1234
+ </strong>
+ <DeleteButton
className="button-small text-middle"
- color="#d4333f"
onClick={[Function]}
>
- <Button
- className="button-small text-middle button-icon"
+ <ButtonIcon
+ className="button-small text-middle"
+ color="#d4333f"
onClick={[Function]}
- stopPropagation={true}
- style={
- Object {
- "color": "#d4333f",
- }
- }
>
- <button
- className="button button-small text-middle button-icon"
+ <Button
+ className="button-small text-middle button-icon"
onClick={[Function]}
+ stopPropagation={true}
style={
Object {
"color": "#d4333f",
}
}
- type="button"
>
- <ClearIcon />
- </button>
- </Button>
- </ButtonIcon>
- </DeleteButton>
- </form>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
- <div
- className="big-spacer-top"
- >
- <Button
- className="js-continue"
- onClick={[Function]}
+ <button
+ className="button button-small text-middle button-icon"
+ onClick={[Function]}
+ style={
+ Object {
+ "color": "#d4333f",
+ }
+ }
+ type="button"
+ >
+ <ClearIcon />
+ </button>
+ </Button>
+ </ButtonIcon>
+ </DeleteButton>
+ </form>
+ <div
+ className="note big-spacer-top width-50"
>
- <button
- className="button js-continue"
+ onboarding.token.text
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <Button
+ className="js-continue"
onClick={[Function]}
- type="button"
>
- continue
- </button>
- </Button>
+ <button
+ className="button js-continue"
+ onClick={[Function]}
+ type="button"
+ >
+ continue
+ </button>
+ </Button>
+ </div>
</div>
</div>
</div>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <form
- onSubmit={[Function]}
+ <div
+ className="boxed-group-inner"
>
- <span
- className="text-middle"
- >
- my token
- :
- </span>
- <strong
- className="spacer-right text-middle"
+ <form
+ onSubmit={[Function]}
>
- abcd1234
- </strong>
- <DeleteButton
- className="button-small text-middle"
- onClick={[Function]}
- >
- <ButtonIcon
+ <span
+ className="text-middle"
+ >
+ my token
+ :
+ </span>
+ <strong
+ className="spacer-right text-middle"
+ >
+ abcd1234
+ </strong>
+ <DeleteButton
className="button-small text-middle"
- color="#d4333f"
onClick={[Function]}
>
- <Button
- className="button-small text-middle button-icon"
+ <ButtonIcon
+ className="button-small text-middle"
+ color="#d4333f"
onClick={[Function]}
- stopPropagation={true}
- style={
- Object {
- "color": "#d4333f",
- }
- }
>
- <button
- className="button button-small text-middle button-icon"
+ <Button
+ className="button-small text-middle button-icon"
onClick={[Function]}
+ stopPropagation={true}
style={
Object {
"color": "#d4333f",
}
}
- type="button"
>
- <ClearIcon />
- </button>
- </Button>
- </ButtonIcon>
- </DeleteButton>
- </form>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
- <div
- className="big-spacer-top"
- >
- <Button
- className="js-continue"
- onClick={[Function]}
+ <button
+ className="button button-small text-middle button-icon"
+ onClick={[Function]}
+ style={
+ Object {
+ "color": "#d4333f",
+ }
+ }
+ type="button"
+ >
+ <ClearIcon />
+ </button>
+ </Button>
+ </ButtonIcon>
+ </DeleteButton>
+ </form>
+ <div
+ className="note big-spacer-top width-50"
>
- <button
- className="button js-continue"
+ onboarding.token.text
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <Button
+ className="js-continue"
onClick={[Function]}
- type="button"
>
- continue
- </button>
- </Button>
+ <button
+ className="button js-continue"
+ onClick={[Function]}
+ type="button"
+ >
+ continue
+ </button>
+ </Button>
+ </div>
</div>
</div>
</div>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <form
- onSubmit={[Function]}
+ <div
+ className="boxed-group-inner"
>
- <span
- className="text-middle"
+ <form
+ onSubmit={[Function]}
>
- my token
- :
- </span>
- <strong
- className="spacer-right text-middle"
+ <span
+ className="text-middle"
+ >
+ my token
+ :
+ </span>
+ <strong
+ className="spacer-right text-middle"
+ >
+ abcd1234
+ </strong>
+ <i
+ className="spinner text-middle"
+ />
+ </form>
+ <div
+ className="note big-spacer-top width-50"
>
- abcd1234
- </strong>
- <i
- className="spinner text-middle"
- />
- </form>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
- <div
- className="big-spacer-top"
- >
- <Button
- className="js-continue"
- onClick={[Function]}
+ onboarding.token.text
+ </div>
+ <div
+ className="big-spacer-top"
>
- <button
- className="button js-continue"
+ <Button
+ className="js-continue"
onClick={[Function]}
- type="button"
>
- continue
- </button>
- </Button>
+ <button
+ className="button js-continue"
+ onClick={[Function]}
+ type="button"
+ >
+ continue
+ </button>
+ </Button>
+ </div>
</div>
</div>
</div>
</h2>
</div>
<div
- className="boxed-group-inner"
+ className=""
>
- <div>
+ <div
+ className="boxed-group-inner"
+ >
<div>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right is-checked"
- />
- onboarding.token.generate_token
- </a>
- <div
- className="big-spacer-top"
- >
- <form
- onSubmit={[Function]}
+ <div>
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
>
- <input
- autoFocus={true}
- className="input-large spacer-right text-middle"
- onChange={[Function]}
- placeholder="onboarding.token.generate_token.placeholder"
- required={true}
- type="text"
- value=""
+ <i
+ className="icon-radio spacer-right is-checked"
/>
- <SubmitButton
- className="text-middle"
- disabled={true}
+ onboarding.token.generate_token
+ </a>
+ <div
+ className="big-spacer-top"
+ >
+ <form
+ onSubmit={[Function]}
>
- <Button
+ <input
+ autoFocus={true}
+ className="input-large spacer-right text-middle"
+ onChange={[Function]}
+ placeholder="onboarding.token.generate_token.placeholder"
+ required={true}
+ type="text"
+ value=""
+ />
+ <SubmitButton
className="text-middle"
disabled={true}
- preventDefault={false}
- type="submit"
>
- <button
- className="button text-middle"
+ <Button
+ className="text-middle"
disabled={true}
- onClick={[Function]}
+ preventDefault={false}
type="submit"
>
- onboarding.token.generate
- </button>
- </Button>
- </SubmitButton>
- </form>
+ <button
+ className="button text-middle"
+ disabled={true}
+ onClick={[Function]}
+ type="submit"
+ >
+ onboarding.token.generate
+ </button>
+ </Button>
+ </SubmitButton>
+ </form>
+ </div>
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <a
+ className="js-new link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ >
+ <i
+ className="icon-radio spacer-right"
+ />
+ onboarding.token.use_existing_token
+ </a>
</div>
</div>
<div
- className="big-spacer-top"
+ className="note big-spacer-top width-50"
>
- <a
- className="js-new link-base-color link-no-underline"
- href="#"
- onClick={[Function]}
- >
- <i
- className="icon-radio spacer-right"
- />
- onboarding.token.use_existing_token
- </a>
+ onboarding.token.text
</div>
</div>
- <div
- className="note big-spacer-top width-50"
- >
- onboarding.token.text
- </div>
</div>
</div>
</Step>