@openeventkit/event-site 2.1.49 → 2.1.51

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}
-            />
-        </>
-    );
-};

package/src/components/summit-my-orders-tickets/components/TicketPopup/ticket-popup.scss

@@ -1,416 +0,0 @@
-@import "../../styles/variables";
-
-.ticket-popup {
-  z-index: 1000;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-
-.ticket-popup-form-body {
-  position: relative;
-  button {
-    background-color: var(--color_input_background_color) !important;;
-    color: var(--color_input_text_color) !important;
-    border-color: var(--color_input_border_color) !important;
-  }
-}
-
-.ticket-popup-form-alert {
-  z-index: 20;
-  position: sticky;
-  top: 0;
-}
-
-.ticket-popup-scroll {
-  padding: 20px 15px;
-  overflow-y: scroll;
-  z-index: 20;
-  padding: 20px;
-  // fallback for old safari
-  height: calc(100vh - 200px);
-  height: calc(100dvh - 200px);
-  & > :first-child {
-    padding-bottom: 20px;
-  }
-}
-
-.ticket-popup-content {
-  position: absolute;
-  left: 50%;
-  right: 0%;
-  top: 0%;
-  bottom: 0%;
-  margin: auto;
-  background-color: var(--color_background_light) !important;
-  z-index: 15;
-
-}
-
-.ticket-popup-header {
-  background-color: var(--color_primary) !important;
-  font-weight: bold;
-  padding: 15px;
-  display: flex;
-  justify-content: space-between;
-  border: none !important;
-
-  h4 {
-    font-size: 20px;
-    margin-top: 0;
-    margin-bottom: 15px;
-  }
-
-  p {
-    margin: 0;
-    text-transform: uppercase;
-    font-size: 12px;
-
-    .warning {
-      color: $color-warning;
-    }
-
-    .complete {
-      color: $color-success;
-    }
-  }
-
-  .ticket-popup-icons {
-    display: flex;
-    gap: 15px;
-    width: 90px;
-    color: var(--color_text_dark);
-    flex-direction: column;    
-
-    .ticket-popup-row-icon {
-      display: flex;
-      gap: 15px;
-      justify-content: end;
-    }
-
-    .ticket-popup-qr {
-      width: 90px;
-      margin-left: auto;
-      display: flex;
-      padding: 3px;
-      background-color: #fff;
-    }
-
-    i {
-      font-size: 1.5em;
-      cursor: pointer;
-      font-weight: normal;
-    }
-  }
-
-  .ticket-popup-title {
-    color: $color-primary-contrast;
-    white-space: normal;
-    overflow: hidden;
-
-    .status {
-      margin-top: auto;
-      font-size: 12px;
-      color: $color-black;
-      text-transform: uppercase;
-
-      &.status-warning {
-        color: $color-warning;
-      }
-
-      &.status-complete {
-        color: $color-success;
-      }
-
-      &.status-unset {
-        color: $color-black;
-      }
-
-      &.status-cancel {
-        color: $color-danger;
-      }
-    }
-  }
-}
-
-.ticket-popup-tabs {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  border-bottom: 2px solid $color-gray-lightest;
-  line-height: 35px;
-  margin-bottom: 0px;
-  padding-inline-start: 0px;
-
-  li {
-    list-style-type: none;
-    cursor: pointer;
-    padding: 0 15px;
-  }
-
-  &--active {
-    border-bottom: 2px solid $color-secondary-contrast;
-  }
-}
-
-.ticket-popup-panel {
-  &--assign {
-    text-align: center;
-    padding: 0 10%;
-
-    p {
-      font-size: 16px;
-      margin: 20px 0 20px;
-      padding: 0 15%;
-    }
-
-    p:first-of-type {
-      margin: 40px 0 20px;
-    }
-
-    p.error-label {
-      width: 60%;
-      margin: 0px auto 5px auto;
-      padding: 0;
-      font-size: 14px;
-      text-align: left;
-    }
-
-    .ticket-popup-separator {
-      display: table;
-      margin: 25px 0;
-      width: 90%;
-      margin-left: auto;
-      margin-right: auto;
-
-      div {
-        display: table-cell;
-        vertical-align: middle;
-        width: 40%;
-      }
-
-      span {
-        display: table-cell;
-        padding: 0 5px;
-        vertical-align: middle;
-        white-space: nowrap;
-      }
-    }
-
-    .form-control {
-      width: 60%;
-      margin: 25px auto 5px auto;
-      background-color:  var(--color_input_background_color) !important;
-      border-color: var(--color_input_border_color) !important;
-
-      &::placeholder {
-        color: var(--color_text_input_hints);
-      }
-    }
-
-    button:last-of-type {
-      margin-top: 20px;
-    }
-  }
-
-  &--reassign {
-    text-align: center;
-    padding: 0 10%;
-
-    p {
-      font-size: 16px;
-      margin: 20px 0 20px;
-      padding: 0 15%;
-    }
-
-    p.error-label {
-      width: 60%;
-      margin: 0px auto 5px auto;
-      padding: 0;
-      font-size: 14px;
-      text-align: left;
-    }
-
-    .ticket-popup-separator {
-      display: table;
-      margin: 25px 0;
-      width: 90%;
-      margin-left: auto;
-      margin-right: auto;
-
-      div {
-        display: table-cell;
-        vertical-align: middle;
-        width: 40%;
-      }
-
-      span {
-        display: table-cell;
-        padding: 0 5px;
-        vertical-align: middle;
-        white-space: nowrap;
-      }
-    }
-
-    .form-control {
-      width: 60%;
-      margin: 25px auto 5px auto;
-      background-color:  var(--color_input_background_color) !important;
-      border-color: var(--color_input_border_color) !important;
-
-      &::placeholder {
-        color: var(--color_text_input_hints);
-      }
-    }
-
-    .ticket-popup-clean {
-      margin-bottom: 30px;
-    }
-
-    button:last-of-type {
-      margin-top: 20px;
-    }
-  }
-
-  &--edit {
-    .ticket-popup-footer {
-      border-top: 1px solid var(--color_gray_lighter);
-      left: 0;
-      bottom: 0;
-      height: 60px;
-      padding: 10px 0;
-      position: absolute;
-      text-align: center;
-      width: 100%;
-      background-color: var(--color_background_light);
-      z-index: 25;
-
-
-      button {
-        padding: 8px 26px;
-        line-height: 22px;
-        font-size: 16px;
-        color: var(--color_input_text_color) !important;
-        background-color: var(--color_input_background_color) !important;
-        border-color: var(--color_input_border_color) !important;
-      }
-    }
-
-    .ticket-popup-cancel-ticket {
-      color: $color-danger;
-      cursor: pointer;
-    }
-  }
-
-  &--notify {
-    padding: 20px;
-    text-align: center;
-
-    p {
-      font-size: 16px;
-      margin: 20px 0;
-      padding: 0 15%;
-    }
-
-    button {
-      padding: 8px 22px;
-      line-height: 22px;
-      font-size: 16px;
-      margin-top: 15px;
-    }
-  }
-
-  &--refund {
-    padding: 0 10%;
-  }
-}
-
-.ticket-refund-button {
-  border: 1px solid $color-gray-light;
-  margin-top: 20px;
-  padding: 15px;
-  font-weight: bold;
-  margin-right: auto;
-  margin-left: auto;
-
-  @media screen and (min-width: 768px) {
-    width: 50%;
-  }
-
-  a {
-    line-height: 2em;
-    cursor: pointer;
-  }
-
-  .cancel {
-    color: $color-danger;
-  }
-
-  .info {
-    font-weight: normal;
-
-    h4 {
-      font-weight: bold;
-    }
-
-    .role-badge {
-      text-transform: uppercase;
-    }
-  }
-
-  &:empty {
-    display: none;
-  }
-}
-
-@media (max-width: 768px) {
-  .ticket-popup-content {
-    left: 0%;
-  }
-
-  .ticket-popup-header {
-    .ticket-popup-icons {
-      width: 90px;
-
-      i {
-        margin-left: 10px;
-      }
-    }
-  }
-
-  .ticket-popup-panel--refund {
-    padding: 0;
-  }
-
-  .ticket-popup-panel--assign {
-    padding: 0px;
-
-    p {
-      margin: 30px 0 20px;
-    }
-
-    span {
-      padding: 0 15%;
-      display: inline-block;
-    }
-  }
-
-  .ticket-popup-panel--reassign {
-    padding: 0px;
-
-    p {
-      margin: 30px 0 20px;
-    }
-
-    span {
-      padding: 0 15%;
-      display: inline-block;
-    }
-  }
-}

package/src/components/summit-my-orders-tickets/context/TicketAssignedContext.js

@@ -1,24 +0,0 @@
-import React, { createContext, useContext, useCallback } from 'react';
-
-export const TicketAssignedContext = createContext(null);
-
-export const TicketAssignedProvider = ({ children, onTicketAssigned }) => {
-    
-    const onTicketAssignChange = useCallback((ticket) => {
-        onTicketAssigned(ticket);
-    }, []);
-
-    return (
-        <TicketAssignedContext.Provider value={{ onTicketAssignChange }}>
-            {children}
-        </TicketAssignedContext.Provider>
-    );
-};
-
-export const useTicketAssignedContext = () => {
-    const context = useContext(TicketAssignedContext);
-
-    if (!context) throw new Error('useTicketAssignedContext must be used within a TicketAssignedProvider');
-
-    return { ...context };
-};

package/src/components/summit-my-orders-tickets/global/constants.js

@@ -1,10 +0,0 @@
-export const stepDefs = ['start', 'details', 'checkout', 'extra', 'done'];
-
-export const STATUS_COMPLETE = 'STATUS_COMPLETE';
-export const STATUS_INCOMPLETE = 'STATUS_INCOMPLETE';
-export const STATUS_PENDING = 'STATUS_PENDING';
-export const STATUS_CANCELLED = 'STATUS_CANCELLED';
-export const STATUS_ERROR = 'STATUS_ERROR';
-export const STATUS_PROCESSING = 'STATUS_PROCESSING';
-export const STATUS_UNASSIGNED = 'STATUS_UNASSIGNED';
-