tf-checkout-react 1.7.30 → 2.0.0-beta.0

package/src/components/myTicketsContainer/tableConfig.tsx

@@ -1,80 +0,0 @@
-import _map from 'lodash/map'
-import moment from 'moment-timezone'
-import React from 'react'
-
-const EventInfoItem = ({ image, name }: EventInfoTypes) => (
-  <div className="event-info">
-    <img src={image} alt="event" />
-    {name}
-  </div>
-)
-
-const tableConfig = (columns?: IColumnData[], key?: string) => {
-  let config
-
-  if (columns?.length) {
-    return {
-      header: _map(columns, item => item.label),
-      body: _map(columns, item => {
-        if (item.component) {
-          const ItemComponent = item.component
-          return (row: RowItems) => ({
-            columnProps: item,
-            component: <ItemComponent {...row} />,
-          })
-        }
-
-        if (item.key === 'event') {
-          return (row: RowItems) => ({
-            columnProps: item,
-            component: <EventInfoItem image={row.image} name={row.eventName} />,
-          })
-        }
-
-        if (item.key === 'total') {
-          return (row: RowItems) => ({
-            columnProps: item,
-            component: row.currency + row.amount,
-          })
-        }
-
-        return (row: RowItems) => ({
-          columnProps: item,
-          component: item.normalizer
-            ? item.normalizer(row[item.key as keyof RowItems])
-            : row[item.key as keyof RowItems],
-        })
-      }) as ITableBodyType[],
-    }
-  }
-
-  switch (key) {
-    default:
-      config = {
-        header: ['Order No.', 'Date', 'Event', 'Total'],
-        body: [
-          (row: RowItems) => ({
-            columnProps: {} as IColumnData,
-            component: row.id,
-          }),
-          (row: RowItems) => ({
-            columnProps: {} as IColumnData,
-            component: row.timezone
-              ? moment.tz(row.date, row.timezone).format('DD MMMM YYYY')
-              : row.date,
-          }),
-          (row: RowItems) => ({
-            columnProps: {} as IColumnData,
-            component: <EventInfoItem image={row.image} name={row.eventName} />,
-          }),
-          (row: RowItems) => ({
-            columnProps: {} as IColumnData,
-            component: row.currency + row.amount,
-          }),
-        ] as ITableBodyType[],
-      }
-  }
-  return config
-}
-
-export default tableConfig

package/src/components/myTicketsContainer/types.d.ts

@@ -1,41 +0,0 @@
-interface IColumnData {
-  key: string;
-  label: string;
-
-  component?: React.ElementType;
-  normalizer?: (value?: string | number) => string | number | boolean;
-  onCellClick: (
-    row: RowItems,
-    e: React.MouseEvent<HTMLTableCellElement, MouseEvent>
-  ) => void;
-}
-
-interface EventInfoTypes {
-  image: string;
-  name: string;
-}
-
-interface RowItems {
-  id: string | number;
-  date: string;
-  image: string;
-  eventName: string;
-  amount: string;
-  currency: string;
-  timezone?: string;
-}
-
-interface RowPropsTypes {
-  row: RowItems;
-  handleDetailsInfo: (id: string | number) => void;
-  hideDetailsButton: boolean;
-
-  columns?: IColumnData[];
-}
-
-type IRowReturnType = {
-  columnProps: IColumnData;
-  component: JSX.Element | string | number | boolean | null;
-}
-
-type ITableBodyType = (row: RowItems) => IRowReturnType

package/src/components/orderDetailsContainer/CustomFieldsForm.tsx

@@ -1,75 +0,0 @@
-import { Field, Form, Formik, FormikProps } from 'formik'
-import _identity from 'lodash/identity'
-import React from 'react'
-
-import { fieldDataAdapter } from '../../adapters/customFields'
-import {
-  getFieldComponent,
-  getFieldLabel,
-  getValidateFunctions,
-} from '../billing-info-container/utils'
-import { CustomFieldTypes } from './index'
-
-interface HolderCustomFieldsProps {
-  initialValues: { [key: string]: any };
-  fields: Array<CustomFieldTypes>;
-  handleFormSubmit?: (values: Record<string, any>) => void;
-  handleFormClose?: () => void;
-}
-
-const CustomFieldsForm = ({
-  initialValues = {},
-  fields = [],
-  handleFormSubmit = _identity,
-  handleFormClose = _identity,
-}: HolderCustomFieldsProps) => (
-  <Formik
-    initialValues={initialValues}
-    onSubmit={values => handleFormSubmit(values)}
-    enableReinitialize={true}
-  >
-    {(props: FormikProps<any>) => (
-      <Form>
-        <div className="updatable-custom-fields">
-          {fields.map((customField: CustomFieldTypes) => {
-            const adaptedCustomField = fieldDataAdapter(customField)
-            return (
-              <Field
-                key={customField.id}
-                name={customField.name}
-                label={getFieldLabel(customField)}
-                component={getFieldComponent(adaptedCustomField)}
-                validate={getValidateFunctions(
-                  customField,
-                  [],
-                  props.values,
-                  props.errors
-                )}
-                isMultiple={adaptedCustomField.isMultiple}
-                radios={adaptedCustomField.radios}
-                options={adaptedCustomField.options}
-              />
-            )
-          })}
-        </div>
-        <div className="buttons-block">
-          <button
-            className="cancel-btn"
-            type="button"
-            onClick={() => {
-              props.resetForm()
-              handleFormClose()
-            }}
-          >
-            Cancel
-          </button>
-          <button className="submit-btn" type="submit">
-            Update ticket
-          </button>
-        </div>
-      </Form>
-    )}
-  </Formik>
-)
-
-export { CustomFieldsForm }

package/src/components/orderDetailsContainer/TicketHolderCustomFields.tsx

@@ -1,100 +0,0 @@
-import _identity from 'lodash/identity'
-import _isEmpty from 'lodash/isEmpty'
-import React, { useMemo, useState } from 'react'
-import SVG from 'react-inlinesvg'
-
-import EditSvg from '../../assets/images/edit.svg'
-import { CustomFieldsForm } from './CustomFieldsForm'
-import { CustomFieldTypes } from './index'
-import { ITicketTypes } from './ticketsTable'
-import {
-  createCustomFieldsUpdateBody,
-  isFieldUpdatable,
-  renderCustomFieldValue,
-} from './utils'
-
-interface HolderCustomFieldsProps {
-  ticket: ITicketTypes;
-  holderCustomFields: CustomFieldTypes[];
-  handleTicketHoldersUpdate: (values: Record<string, any>, ticketHash: string) => void;
-}
-
-const TicketHolderCustomFields = ({
-  ticket,
-  holderCustomFields,
-  handleTicketHoldersUpdate = _identity,
-}: HolderCustomFieldsProps) => {
-  const [showHolderCustomFieldsSection, setShowHolderCustomFieldsSection] =
-    useState(false)
-
-  const [allowedHolderCustomFields, notAllowedHolderCustomFields] = useMemo(() => {
-    const allowedFields: CustomFieldTypes[] = []
-    const notAllowedFields: CustomFieldTypes[] = []
-
-    holderCustomFields.forEach((field: CustomFieldTypes) => {
-      if (isFieldUpdatable(field)) {
-        allowedFields.push(field)
-      } else {
-        notAllowedFields.push(field)
-      }
-    })
-    return [allowedFields, notAllowedFields]
-  }, [holderCustomFields])
-
-  const holderEditableFieldsFormInitialValues = useMemo(
-    () => getHolderCustomFieldsInitialValues(holderCustomFields),
-    [holderCustomFields]
-  )
-
-  const handleFormClose = () => {
-    setShowHolderCustomFieldsSection(false)
-  }
-
-  const handleForSubmit = (values: Record<string, any>) => {
-    // Collect all updatable and non updatable values for bulk update
-    const fullUpdatableValues = createCustomFieldsUpdateBody(
-      values,
-      notAllowedHolderCustomFields
-    )
-    setShowHolderCustomFieldsSection(false)
-    handleTicketHoldersUpdate(fullUpdatableValues, ticket.hash)
-  }
-
-  function getHolderCustomFieldsInitialValues(fields: Array<CustomFieldTypes>) {
-    const initialValues: { [key: string]: string | boolean | string[] } = {}
-
-    for (const field of fields) {
-      if (isFieldUpdatable(field)) {
-        initialValues[field.name] =
-          field.type === 'checkbox' ? Boolean(field.value) : field.value || ''
-      }
-    }
-    return initialValues
-  }
-
-  return (
-    <>
-      <div className="holder-custom-fields">
-        {!_isEmpty(allowedHolderCustomFields) && <SVG src={EditSvg} onClick={() => setShowHolderCustomFieldsSection(true)} />}
-        {holderCustomFields.map((customField: CustomFieldTypes) => (
-          <div className="info-item" key={customField.id}>
-            <b>{customField.label} :</b> {renderCustomFieldValue(customField)}
-          </div>
-        ))}
-      </div>
-      {showHolderCustomFieldsSection && (
-        <div className="custom-fields-block show">
-          <p className="editable-ticket-id">Edit ticket {ticket.hash}</p>
-          <CustomFieldsForm
-            initialValues={holderEditableFieldsFormInitialValues}
-            fields={allowedHolderCustomFields}
-            handleFormSubmit={handleForSubmit}
-            handleFormClose={handleFormClose}
-          />
-        </div>
-      )}
-    </>
-  )
-}
-
-export { TicketHolderCustomFields }