@openeventkit/event-site 2.1.49 → 2.1.50

package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupNotifyForm.js

@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import { useDispatch } from "react-redux";
-import { useTranslation } from "react-i18next";
-import { CSSTransition } from "react-transition-group";
-import Alert from 'react-bootstrap/lib/Alert';
-import { resendNotification } from '../../store/actions/ticket-actions';
-import { getSummitFormattedReassignDate } from '../../util';
-
-export const TicketPopupNotifyForm = ({ ticket, summit }) => {
-    const { t } = useTranslation();
-    const dispatch = useDispatch();
-    const [showSaveMessage, setShowSaveMessage] = useState(false);
-    const [message, setMessage] = useState('')
-
-    const toggleSaveMessage = () => {
-        setTimeout(() => { 
-            setShowSaveMessage(true)
-            setMessage('');
-        }, 50);
-        setTimeout(() => setShowSaveMessage(false), 5000);
-    };
-
-    const handleNotifyButtonClick = () => {
-        dispatch(resendNotification({ ...ticket, message })).then(() => {
-            toggleSaveMessage();
-            setMessage('');
-        });
-    }
-
-    return (
-        <div className="ticket-notify-form">
-            <div className="ticket-popup-form-body">
-                {showSaveMessage && (
-                    <CSSTransition
-                        unmountOnExit
-                        in={showSaveMessage}
-                        timeout={2000}
-                        classNames="fade-in-out"
-                    >
-                        <Alert bsStyle="success" className="ticket-popup-form-alert text-center">
-                            {t("tickets.notify_success_message")}
-                        </Alert>
-                    </CSSTransition>
-                )}
-
-                <p>{t("ticket_popup.notify_text_1")} {getSummitFormattedReassignDate(summit)}.</p>
-                
-                <p>
-                    {t("ticket_popup.notify_text_2")} <b>{ticket.owner.email} </b> 
-                    {t("ticket_popup.notify_text_3")} <b>{ticket.owner.email}</b>
-                </p>
-
-                <p>
-                    <label>{t("ticket_popup.notify_message")} </label> {t("ticket_popup.notify_message_condition")}
-                    <br />
-                    <textarea value={message} rows="4" onChange={(e) => setMessage(e.target.value)} style={{width: '80%', padding: 5}} />
-                </p>
-                <button className="btn btn-primary" onClick={handleNotifyButtonClick}>
-                    {t("ticket_popup.notify_button")}
-                </button>
-            </div>
-        </div>
-    );
-};

package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupReassignForm.js

@@ -1,193 +0,0 @@
-import React, { useState, useEffect, useContext } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { useTranslation } from "react-i18next";
-import { CSSTransition } from "react-transition-group";
-import Alert from 'react-bootstrap/lib/Alert';
-import { useFormik } from 'formik';
-import * as Yup from 'yup';
-import Input from 'openstack-uicore-foundation/lib/components/inputs/text-input'
-import { changeTicketAttendee } from "../../store/actions/ticket-actions";
-import { ConfirmPopup, CONFIRM_POPUP_CASE } from "../ConfirmPopup/ConfirmPopup";
-import { getSummitFormattedReassignDate } from "../../util";
-import { useTicketAssignedContext } from "../../context/TicketAssignedContext";
-
-const initialValues = {
-    attendee_email: '',
-}
-
-const validationSchema = Yup.object().shape({
-    attendee_email: Yup.string().email('Please enter a valid email.').required('Email is required.'),
-});
-
-export const TicketPopupReassignForm = ({ ticket, summit, order }) => {
-    const { t } = useTranslation();
-    const dispatch = useDispatch();
-    const userProfile = useSelector(state => state.userState.userProfile);
-    const [showConfirm, setShowConfirm] = useState(false);
-    const [newAttendeeEmail, setNewAttendeeEmail] = useState('');
-    const [showSaveMessage, setShowSaveMessage] = useState(false);
-    const [showErrorMessage, setShowErrorMessage] = useState(false);
-    const [message, setMessage] = useState('')
-    const [errorMessage, setErrorMessage] = useState('')
-
-    const { onTicketAssignChange } = useTicketAssignedContext();
-
-    const isUserTicketOwner = userProfile.email === ticket.owner?.email;
-    const isTicketPrinted = ticket.badge?.printed_times > 0 ? true : false
-
-    const toggleSaveMessage = () => {
-        setTimeout(() => setShowSaveMessage(true), 50);
-        setTimeout(() => setShowSaveMessage(false), 5000);
-    };
-
-    const toggleErrorMessage = () => {
-        setTimeout(() => setShowErrorMessage(true), 50);
-        setTimeout(() => setShowErrorMessage(false), 5000);
-    };
-
-    const handleSubmit = (values, formikHelpers) => {
-        setNewAttendeeEmail(values.attendee_email);
-        setShowConfirm(true);
-    };
-
-    const formik = useFormik({
-        initialValues,
-        onSubmit: handleSubmit,
-        validationSchema
-    });
-
-    const assignTicketToSelf = () => {
-        formik.resetForm();
-        setNewAttendeeEmail(userProfile.email);
-        setShowConfirm(true);
-    };
-
-    const handleConfirmAccept = async () => {
-        setShowConfirm(false);
-        formik.resetForm();
-        setNewAttendeeEmail('');
-
-        dispatch(changeTicketAttendee({
-            ticket,
-            message,
-            order,
-            data: { attendee_email: newAttendeeEmail }
-        })).then((updatedTicket) => {
-            onTicketAssignChange(updatedTicket);
-            toggleSaveMessage();
-            setMessage('');
-        }).catch((err) => {
-            setErrorMessage(err);
-            toggleErrorMessage();
-        })
-    };
-
-    const handleConfirmReject = () => {
-        setShowConfirm(false);
-        formik.resetForm();
-        setNewAttendeeEmail('')
-    };
-
-    return (
-        <>
-            <form className="ticket-reassign-form" onSubmit={formik.handleSubmit}>
-                <div className="ticket-popup-form-body">
-                    {
-                        isTicketPrinted ?
-                        <>
-                            <p>
-                                {t("ticket_popup.reassign_printed_ticket")}
-                            </p>
-                        </>
-                        :
-                        <>
-                            {showSaveMessage && (
-                                <CSSTransition
-                                    unmountOnExit
-                                    in={showSaveMessage}
-                                    timeout={2000}
-                                    classNames="fade-in-out"
-                                >
-                                    <Alert bsStyle="success" className="ticket-popup-form-alert text-center">
-                                        {t("tickets.reassign_success_message")}
-                                    </Alert>
-                                </CSSTransition>
-                            )}
-
-                            {showErrorMessage && (
-                              <CSSTransition
-                                unmountOnExit
-                                in={showErrorMessage}
-                                timeout={2000}
-                                classNames="fade-in-out"
-                              >
-                                  <Alert bsStyle="warning" className="ticket-popup-form-alert text-center">
-                                      {errorMessage}
-                                  </Alert>
-                              </CSSTransition>
-                            )}
-
-                            {!isUserTicketOwner && (
-                                <>
-                                    <p>
-                                        {t("ticket_popup.reassign_text")}
-                                        <br />
-                                        <b>{ticket.owner.email}</b>
-                                    </p>
-                                    <button className="btn btn-primary" onClick={assignTicketToSelf} type="button">
-                                        {t("ticket_popup.reassign_me")}
-                                    </button>
-
-                                    <div className="ticket-popup-separator">
-                                        <div><hr /></div>
-                                        <span>{t("ticket_popup.assign_or")}</span>
-                                        <div><hr /></div>
-                                    </div>
-                                </>
-                            )}
-
-                            <p>
-                                {t("ticket_popup.reassign_want_text")}
-                                {` (${t("ticket_popup.reassign_before")} ${getSummitFormattedReassignDate(summit)})`}
-                            </p>
-                            <span>{t("ticket_popup.reassign_enter_email")}</span>
-
-                            <p>
-                                <label>{t("ticket_popup.notify_message")} </label> {t("ticket_popup.notify_message_condition")}
-                                <br />
-                                <textarea value={message} rows="4" onChange={(e) => setMessage(e.target.value)} style={{width: '80%', padding: 5}} />
-                            </p>
-
-                            <Input
-                                id="attendee_email"
-                                name="attendee_email"
-                                className="form-control"
-                                placeholder="Email"
-                                error={formik.errors.attendee_email}
-                                onChange={formik.handleChange}
-                                onBlur={formik.handleBlur}
-                                value={formik.values.attendee_email}
-                            />
-
-
-                            <button
-                                type="submit"
-                                className="btn btn-primary"
-                                disabled={formik.isSubmitting || !formik.isValid || !formik.dirty}
-                            >
-                                {t("ticket_popup.reassign_someone")}
-                            </button>
-                        </>
-                    }
-                </div>
-            </form>
-
-            <ConfirmPopup
-                isOpen={showConfirm}
-                popupCase={CONFIRM_POPUP_CASE.REASSIGN_TICKET}
-                onAccept={handleConfirmAccept}
-                onReject={handleConfirmReject}
-            />
-        </>
-    )
-};

package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupRefundForm.js

@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from "react-i18next";
-import { useDispatch } from 'react-redux';
-import { CSSTransition } from "react-transition-group";
-import Alert from 'react-bootstrap/lib/Alert';
-import { refundTicket } from '../../store/actions/ticket-actions';
-import { ConfirmPopup, CONFIRM_POPUP_CASE } from '../ConfirmPopup/ConfirmPopup';
-
-export const TicketPopupRefundForm = ({ ticket, order }) => {
-    const { t } = useTranslation();
-    const dispatch = useDispatch();
-    const [showConfirm, setShowConfirm] = useState(false);
-    const [showRefundSuccess, setShowRefundSuccess] = useState(false);
-
-    const handleCancelClick = () => setShowConfirm(true);
-
-    const handleConfirmAccept = () => {
-        dispatch(refundTicket({ ticket, order })).then(() => {
-            setTimeout(() => setShowRefundSuccess(true), 500);
-            setTimeout(() => setShowRefundSuccess(false), 5000);
-        }).catch(() => { });
-
-        setShowConfirm(false);
-
-    };
-
-    const handleConfirmReject = () => setShowConfirm(false);
-
-    return (
-        <>
-            <div className="ticket-refund-form">
-                <div className="ticket-popup-form-body">
-                    <CSSTransition
-                        unmountOnExit
-                        in={showRefundSuccess}
-                        timeout={2000}
-                        classNames="fade-in-out"
-                    >
-                        <Alert bsStyle="success" className="ticket-popup-form-alert text-center">
-                            {t("tickets.refund_request_success_message")}
-                        </Alert>
-                    </CSSTransition>
-
-                    <div className="row">
-                        <div className="col-md-12 text-center">
-                            <div className="ticket-refund-button">
-                                <a onClick={handleCancelClick} className="cancel">
-                                    {t("ticket_popup.cancel_ticket")}
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <ConfirmPopup
-                isOpen={showConfirm}
-                popupCase={CONFIRM_POPUP_CASE.CANCEL_TICKET}
-                onAccept={handleConfirmAccept}
-                onReject={handleConfirmReject}
-            />
-        </>
-    );
-};