<commit_before>import { Box, Button, Flex, Input, Sans, Serif } from "@artsy/palette"
import { CreditCardInput } from "Apps/Order/Components/CreditCardInput"
import { ConditionsOfSaleCheckbox } from "Components/Auction/ConditionsOfSaleCheckbox"
import { CountrySelect } from "Components/v2"
import { Form, Formik, FormikActions, FormikProps } from "formik"
import React, { useEffect, useState } from "react"
import {
  CardElement,
  Elements,
  injectStripe,
  ReactStripeElements,
  StripeProvider,
} from "react-stripe-elements"
import { data as sd } from "sharify"
import styled from "styled-components"
import * as Yup from "yup"

export const StyledCardElement = styled(CardElement)`
  width: 100%;
  padding: 9px 10px;
`

export interface FormValues {
  name: string
  street: string
  country: string
  city: string
  state: string
  creditCard: string
  postalCode: string
  telephone: string
  agreeToTerms: boolean
}

const InnerForm: React.FC<FormikProps<FormValues>> = props => {
  const {
    touched,
    errors,
    handleBlur,
    isSubmitting,
    handleChange,
    values,
    setFieldValue,
    setFieldTouched,
  } = props

  return (
    <Form>
      <Box mt={4}>
        <Serif weight="semibold" size="4t" mb={2}>
          Card Information
        </Serif>
        <Box mb={2}>
          <Input
            onBlur={handleBlur}
            onChange={handleChange}
            error={touched.name && errors.name}
            required
            title="Name on card"
            placeholder="Add full name"
            name="name"
          />
        </Box>

        <Box mb={2}>
          <Serif size="3t" mb={0.5}>
            Credit card number*
          </Serif>
          <CreditCardInput
            error={{ message: errors.creditCard } as stripe.Error}
          />
        </Box>
      </Box>
      <Box mt={4}><commit_msg>Rename "Credit card number*" to "Credit card" to fix scan cc on mobile (#2762)<commit_after>import { Box, Button, Flex, Input, Sans, Serif } from "@artsy/palette"
import { CreditCardInput } from "Apps/Order/Components/CreditCardInput"
import { ConditionsOfSaleCheckbox } from "Components/Auction/ConditionsOfSaleCheckbox"
import { CountrySelect } from "Components/v2"
import { Form, Formik, FormikActions, FormikProps } from "formik"
import React, { useEffect, useState } from "react"
import {
  CardElement,
  Elements,
  injectStripe,
  ReactStripeElements,
  StripeProvider,
} from "react-stripe-elements"
import { data as sd } from "sharify"
import styled from "styled-components"
import * as Yup from "yup"

export const StyledCardElement = styled(CardElement)`
  width: 100%;
  padding: 9px 10px;
`

export interface FormValues {
  name: string
  street: string
  country: string
  city: string
  state: string
  creditCard: string
  postalCode: string
  telephone: string
  agreeToTerms: boolean
}

const InnerForm: React.FC<FormikProps<FormValues>> = props => {
  const {
    touched,
    errors,
    handleBlur,
    isSubmitting,
    handleChange,
    values,
    setFieldValue,
    setFieldTouched,
  } = props

  return (
    <Form>
      <Box mt={4}>
        <Serif weight="semibold" size="4t" mb={2}>
          Card Information
        </Serif>
        <Box mb={2}>
          <Input
            onBlur={handleBlur}
            onChange={handleChange}
            error={touched.name && errors.name}
            required
            title="Name on card"
            placeholder="Add full name"
            name="name"
          />
        </Box>

        <Box mb={2}>
          <Serif size="3t" mb={0.5}>
            Credit card
          </Serif>
          <CreditCardInput
            error={{ message: errors.creditCard } as stripe.Error}
          />
        </Box>
      </Box>
      <Box mt={4}>
{'fraction_non_alphanumeric': 0.10957813743698594, 'fraction_numerical': 0.009551605200318386, 'mean_word_length': 2.5532516493873705, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1453740', 'n_tokens_mistral': 1203, 'n_tokens_neox': 1166, 'n_words': 305}