@openeventkit/event-site 2.1.48 → 2.1.50

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';
-

package/src/components/summit-my-orders-tickets/i18n/index.js

@@ -1,37 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import en from './locales/en.json';
-import es from './locales/es.json';
-
-// import Backend from 'i18next-http-backend';
-// don't want to use this?
-// have a look at the Quick start guide
-// for passing in lng and translations on init
-
-i18n
-    // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
-    // learn more: https://github.com/i18next/i18next-http-backend
-    // want your translations to be loaded from a professional CDN? => https://github.com/locize/react-tutorial#step-2---use-the-locize-cdn
-    // .use(Backend)
-    // detect user language
-    // learn more: https://github.com/i18next/i18next-browser-languageDetector
-    .use(LanguageDetector)
-    // pass the i18n instance to react-i18next.
-    .use(initReactI18next)
-    // init i18next
-    // for all options read: https://www.i18next.com/overview/configuration-options
-    .init({
-        fallbackLng: 'en',
-        debug: true,
-        resources: {
-            en: { translation: en },
-            es: { translation: es }
-        },
-        interpolation: {
-            escapeValue: false, // not needed for react as it escapes by default
-        }
-    });
-
-
-export default i18n;