import moment from 'moment'

export const filterStatesDummyData = {
  vendors: {
    type: 'select' as const,
    stateName: 'vendors',
    labelText: 'Vendors',
    labelTooltip: {
      tooltipContent: 'Select a vendor',
      position: 'top' as const,
      children: 'Vendor selection tooltip',
    },
    options: [
      { id: '1', name: 'Vendor 1' },
      { id: '2', name: 'Vendor 2' },
      { id: '3', name: 'Vendor 3' },
    ],
    defaultValue: null,
    optionKeyName: 'name',
  },
  marketplaces: {
    type: 'multi-select' as const,
    formLabelProps: {
      label: 'Marketplaces',
    },
    options: [
      {
        marketplace_name: 'Amazon',
      },
      {
        marketplace_name: 'Ebay',
      },
      {
        marketplace_name: 'Walmart',
      },
      {
        marketplace_name: 'Etsy',
      },
      {
        marketplace_name: 'Shopify',
      },
      {
        marketplace_name: 'Alibaba',
      },
      {
        marketplace_name: 'Rakuten',
      },
    ],
    selectPlaceholder: '--Select Marketplaces--',
    labelKey: 'marketplace_name',
    selectedOptions: [{ marketplace_name: 'Amazon' }],
    stateName: 'marketplaces',
  },
  warehouse: {
    type: 'select' as const,
    defaultValue: 'all',
    stateName: 'warehouse_reconciled',
    propName: 'value',
    optionKeyName: 'text',
    options: [
      {
        id: 0,
        text: 'All',
        value: 'all',
      },
      {
        id: 1,
        text: 'Reconciled',
        value: true,
      },
      {
        id: 2,
        text: 'Not Reconciled',
        value: false,
      },
    ],
    labelText: 'Warehouse Reconciled',
  },
  shipments: {
    type: 'select' as const,
    defaultValue: 'all',
    options: [
      {
        id: 0,
        state: 'Shipped',
        value: 'all',
      },
      {
        id: 1,
        state: 'Received',
        value: 1,
      },
      {
        id: 2,
        state: 'Not Received',
        value: 2,
      },
    ],
    stateName: 'status',
    optionKeyName: 'state',
    propName: 'state_order',
    labelText: 'Status',
  },
  ratings: {
    type: 'select' as const,
    defaultValue: 'No options available.',
    options: [],
    stateName: 'ratings',
    optionKeyName: 'state',
    propName: 'value',
    labelText: 'Ratings',
  },
  campaignTypes: {
    type: 'select' as const,
    defaultValue: 'No options available.',
    options: [],
    stateName: 'campaignTypes',
    optionKeyName: 'state',
    propName: 'value',
    labelText: 'Campaign Types',
    isError: true,
  },
  text: {
    type: 'text' as const,
    defaultValue: '',
    labelText: 'Text',
    placeholder: 'Text',
    stateName: 'text',
    rightLabel: 'Right Label',
  },
  dates: {
    type: 'dates' as const,
    defaultValue: {
      start_date: moment(),
      end_date: moment(),
    },
    labelText: 'Date Range',
    specifiedDay: moment(),
    stateName: 'date_range',
    dateRestrictions: {
      beforeDate: moment().subtract(90, 'days').toDate(),
      afterDate: moment().add(1, 'day').toDate(),
    },
  },
  textWithCurrency: {
    type: 'text' as const,
    defaultValue: '',
    labelText: 'Text With Currency',
    placeholder: '100',
    stateName: 'textWithCurrency',
    numberFormat: {
      type: 'currency' as const,
      currencySymbol: '$',
    },
  },
  textWithPercentage: {
    type: 'text' as const,
    defaultValue: '',
    labelText: 'Text With Percentage',
    placeholder: '100',
    stateName: 'textWithPercentage',
    numberFormat: {
      type: 'percentage' as const,
    },
    inputLabel: '%',
  },
}