ordering-ui-admin-external 1.0.0

package/cypress/integration/OrdersList.spec.js

@@ -0,0 +1,24 @@
+context('Home Page', () => {
+  beforeEach(() => {
+    cy.visit('/login')
+    cy.server({ method: 'POST' })
+    cy.route('/*/*/*/auth**').as('postLogin')
+    cy.get('input[name=email]').type('superadmin@ordering.co')
+    cy.get('input[name=password]').type('super')
+    cy.get('button').contains('Login').click()
+    cy.wait('@postLogin').its('status').should('eq', 200)
+    cy.visit('/orders')
+  })
+
+  it('Check Main UI', () => {
+    cy.get('.order-content').should('exist')
+    cy.get('.order-status-filterbar').should('exist')
+    cy.get('.skeleton-loading').should('be.visible')
+    cy.get('button[name=filter-btn').should('be.visible').click()
+    cy.get('.filter-modal').should('be.visible')
+    cy.get('.modal-close-icon').click()
+    cy.get('.order-item-business:first').first().click()
+    cy.get('.order-detail').should('exist')
+    cy.get('.modal-close-icon').click()
+  })
+})

package/cypress/integration/PageNotFound.spec.js

@@ -0,0 +1,9 @@
+context('Page not found', () => {
+  beforeEach(() => {
+    cy.visit('/test/dummy/false')
+  })
+
+  it('Check UI', () => {
+    cy.get('img[alt=error404]').should('be.visible')
+  })
+})

package/cypress/plugins/index.js

@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}

package/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package/cypress.json

@@ -0,0 +1,3 @@
+{
+  "baseUrl": "http://localhost:8300"
+}

package/index-template.js

@@ -0,0 +1,321 @@
+import React, { useState } from 'react'
+import ReactDOM from 'react-dom'
+import { Router } from './template/router'
+import { OrderingProvider } from 'ordering-components-admin-external'
+import { Alert } from './src/components/Shared'
+import * as Sentry from '@sentry/react'
+import { Integrations } from '@sentry/tracing'
+import { ThemeProvider } from './src/contexts/ThemeContext'
+import { ConfigFileContext } from './src/contexts/ConfigFileContext'
+import { InfoShareProvider } from './src/contexts/InfoShareContext'
+import { Toast } from './src/styles/Toast'
+import theme from './template/theme.json'
+import settings from './template/config.json'
+
+/**
+ * Theme images
+ */
+import logotype from './template/assets/images/logotype.svg'
+import logotypeInvert from './template/assets/images/logotype-invert.svg'
+import isotype from './template/assets/images/isotype.svg'
+import isotypeInvert from './template/assets/images/isotype-invert.svg'
+import logoPdf from './template/assets/images/logo-pdf.png'
+
+import notNetwork from './template/assets/images/not-network.svg'
+import notFound from './template/assets/images/not-found.svg'
+import notFound404 from './template/assets/images/not-found-404.svg'
+import notFoundLighting from './template/assets/images/not-found-lighting.svg'
+import loginHero from './template/assets/images/loginHero.png'
+import personalization from './template/assets/images/personalization.svg'
+import mobileCase from './template/assets/images/mobile-case.png'
+import mobileMask from './template/assets/images/mobile-mask.png'
+import level from './template/assets/images/level.png'
+import registerOrder from './template/assets/images/register-order.png'
+import mobileHalfMask from './template/assets/images/mobile-half-mask.png'
+import whatsappHeader from './template/assets/images/whatsapp-header.png'
+import appStore from './template/assets/images/app-store.png'
+import googlePlay from './template/assets/images/google-play.png'
+import deliverect from './template/assets/images/deliverect.png'
+
+/**
+ * Theme apps
+ */
+import storeApp from './template/assets/images/store-app.png'
+import driverApp from './template/assets/images/driver-app.png'
+import posApp from './template/assets/images/pos-app.png'
+import kioskApp from './template/assets/images/kiosk-app.png'
+import callCenterApp from './template/assets/images/call-center-app.png'
+
+/**
+ * business tutorials
+ */
+import businessTutorial1 from './template/assets/images/tutorials/business-tutorial-1.png'
+import businessTutorial2 from './template/assets/images/tutorials/business-tutorial-2.png'
+
+/**
+ * dummies
+ */
+import storeDummy from './template/assets/images/dummies/store.png'
+import noOrders from './template/assets/images/dummies/no-orders.png'
+import promotionDummy from './template/assets/images/dummies/promotion.png'
+import productDummy from './template/assets/images/dummies/product.png'
+
+/**
+ * icons
+ */
+import ordersList from './template/assets/images/icons/ordersList.svg'
+import shop from './template/assets/images/icons/shop.svg'
+import pieChart from './template/assets/images/icons/pieChart.svg'
+import setting from './template/assets/images/icons/setting.svg'
+import support from './template/assets/images/icons/support.svg'
+import deadline from './template/assets/images/icons/deadline.svg'
+import deadlineOK from './template/assets/images/icons/deadlineOK.svg'
+import deadlineRisk from './template/assets/images/icons/deadlineRisk.svg'
+import deadlineDelayed from './template/assets/images/icons/timeOut.svg'
+import deadlineSetting from './template/assets/images/icons/deadlineSetting.png'
+import search from './template/assets/images/icons/search.svg'
+import group from './template/assets/images/icons/group.svg'
+import calendar from './template/assets/images/icons/calendar.svg'
+import email from './template/assets/images/icons/email.svg'
+import lock from './template/assets/images/icons/lock.svg'
+import cash from './template/assets/images/icons/cash.svg'
+import help from './template/assets/images/icons/help.svg'
+import timeline from './template/assets/images/icons/timeline.svg'
+import mapMarker from './template/assets/images/icons/marker.png'
+import sixDots from './template/assets/images/icons/sixDots.svg'
+import shopToShop from './template/assets/images/icons/shopToShop.svg'
+import homeToHome from './template/assets/images/icons/homeToHome.svg'
+import oneByOne from './template/assets/images/icons/one-by-one.svg'
+import sendToAll from './template/assets/images/icons/send-to-all.svg'
+import nearestAvailable from './template/assets/images/icons/nearest-available.svg'
+import batchWise from './template/assets/images/icons/batch-wise.svg'
+import roundRobin from './template/assets/images/icons/round-robin.svg'
+import leftArrow from './template/assets/images/icons/left-arrow.svg'
+import rightArrow from './template/assets/images/icons/right-arrow.svg'
+
+import orderPending from './template/assets/images/orderStatus/pending.svg'
+import orderInProgress from './template/assets/images/orderStatus/inProgress.svg'
+import orderCompleted from './template/assets/images/orderStatus/completed.svg'
+import orderCancelled from './template/assets/images/orderStatus/cancelled.svg'
+import noDriver from './template/assets/images/avatars/noDriver.png'
+import driverDelivery from './template/assets/images/icons/driverDelivery.svg'
+import pickUp from './template/assets/images/icons/pickUp.svg'
+import clock1 from './template/assets/images/icons/clock1.svg'
+import clockRisk from './template/assets/images/icons/clock-history1.svg'
+import clockDelayed from './template/assets/images/icons/clock-fill1.svg'
+
+import orderStatus0 from './template/assets/images/order/status-0.svg'
+import orderStatus1 from './template/assets/images/order/status-1.svg'
+import orderStatus2 from './template/assets/images/order/status-2.svg'
+import orderStatus3 from './template/assets/images/order/status-3.svg'
+import orderStatus4 from './template/assets/images/order/status-4.svg'
+import orderStatus5 from './template/assets/images/order/status-5.svg'
+import orderStatus6 from './template/assets/images/order/status-6.svg'
+import orderStatus7 from './template/assets/images/order/status-7.svg'
+import orderStatus8 from './template/assets/images/order/status-8.svg'
+import orderStatus9 from './template/assets/images/order/status-9.svg'
+import orderStatus10 from './template/assets/images/order/status-10.svg'
+import orderStatus11 from './template/assets/images/order/status-11.svg'
+import orderStatus12 from './template/assets/images/order/status-12.svg'
+import orderStatus13 from './template/assets/images/order/status-13.svg'
+import orderStatus14 from './template/assets/images/order/status-14.svg'
+import orderStatus15 from './template/assets/images/order/status-15.svg'
+import orderStatus16 from './template/assets/images/order/status-16.svg'
+import orderStatus17 from './template/assets/images/order/status-17.svg'
+import orderStatus18 from './template/assets/images/order/status-18.svg'
+import orderStatus19 from './template/assets/images/order/status-19.svg'
+import orderStatus20 from './template/assets/images/order/status-20.svg'
+import orderStatus21 from './template/assets/images/order/status-21.svg'
+
+import categoryAll from './template/assets/images/categories/category-all.png'
+import exampleCSV from './template/assets/files/ordering_business_example.csv'
+import delivery from './template/assets/images/icons/delivery.svg'
+import poster from './template/assets/images/icons/poster.svg'
+import posTerminal from './template/assets/images/icons/pos-terminal.svg'
+import apple from './template/assets/images/icons/apple.svg'
+import android from './template/assets/images/icons/android.svg'
+
+/**
+ * sounds
+ */
+ import notificationOgg from './template/assets/sounds/notification.ogg'
+ import notificationMp3 from './template/assets/sounds/notification.mp3'
+ 
+if (!(window?.location?.hostname === 'localhost')) {
+  Sentry.init({
+    environment: process.env.NODE_ENV,
+    dsn: "https://5a6646d194bc434f9d2109d3a63ad733@o460529.ingest.sentry.io/6303007",
+    integrations: [
+      new Integrations.BrowserTracing()
+    ],
+    release: 'ordering-ui-admin-release@' + process.env.npm_package_version,
+    // Release health
+    autoSessionTracking: true,
+    ignoreErrors: [
+      'is not defined',
+      'is not a function',
+      'can\'t find variable',
+      'objects are not valid',
+      'element type is invalid'
+    ],
+    // We recommend adjusting this value in production, or using tracesSampler
+    // for finer control
+    tracesSampleRate: 0.2
+  })
+}
+
+const logos = {
+  logotype,
+  logotypeInvert,
+  isotype,
+  isotypeInvert,
+  logoPdf
+}
+
+theme.images = {
+  logos,
+  general: {
+    notNetwork,
+    notFound,
+    notFound404,
+    notFoundLighting,
+    loginHero,
+    personalization,
+    mobileCase,
+    mobileMask,
+    level,
+    registerOrder,
+    mobileHalfMask,
+    whatsappHeader,
+    appStore,
+    googlePlay,
+    deliverect
+  },
+  apps: {
+    storeApp,
+    driverApp,
+    posApp,
+    kioskApp,
+    callCenterApp
+  },
+  order: {
+    status0: orderStatus0,
+    status1: orderStatus1,
+    status2: orderStatus2,
+    status3: orderStatus3,
+    status4: orderStatus4,
+    status5: orderStatus5,
+    status6: orderStatus6,
+    status7: orderStatus7,
+    status8: orderStatus8,
+    status9: orderStatus9,
+    status10: orderStatus10,
+    status11: orderStatus11,
+    status12: orderStatus12,
+    status13: orderStatus13,
+    status14: orderStatus14,
+    status15: orderStatus15,
+    status16: orderStatus16,
+    status17: orderStatus17,
+    status18: orderStatus18,
+    status19: orderStatus19,
+    status20: orderStatus20,
+    status21: orderStatus21
+  },
+  categories: {
+    all: categoryAll
+  },
+  orderStatus: {
+    pending: orderPending,
+    inProgress: orderInProgress,
+    completed: orderCompleted,
+    cancelled: orderCancelled
+  },
+  icons: {
+    ordersList: ordersList,
+    shop: shop,
+    pieChart: pieChart,
+    setting: setting,
+    support: support,
+    deadline: deadline,
+    deadlineOK: deadlineOK,
+    deadlineRisk: deadlineRisk,
+    deadlineDelayed: deadlineDelayed,
+    deadlineSetting: deadlineSetting,
+    search: search,
+    calendar: calendar,
+    group: group,
+    email: email,
+    lock: lock,
+    noDriver: noDriver,
+    driverDelivery: driverDelivery,
+    pickUp: pickUp,
+    cash: cash,
+    help: help,
+    timeline: timeline,
+    mapMarker: mapMarker,
+    sixDots: sixDots,
+    shopToShop: shopToShop,
+    homeToHome: homeToHome,
+    oneByOne: oneByOne,
+    sendToAll: sendToAll,
+    nearestAvailable: nearestAvailable,
+    batchWise: batchWise,
+    roundRobin: roundRobin,
+    leftArrow: leftArrow,
+    rightArrow: rightArrow,
+    clock1: clock1,
+    clockRisk: clockRisk,
+    clockDelayed: clockDelayed,
+    delivery: delivery,
+    posTerminal: posTerminal,
+    poster: poster,
+    apple: apple,
+    android: android
+  },
+  dummies: {
+    noOrders: noOrders,
+    businessLogo: storeDummy,
+    promotionDummy: promotionDummy,
+    product: productDummy
+  },
+  tutorials: {
+    businessTutorial1: businessTutorial1,
+    businessTutorial2: businessTutorial2
+  }
+}
+theme.sounds = {
+  notificationMp3,
+  notificationOgg
+}
+theme.files = {
+  exampleCSV
+}
+
+const RouteApp = () => {
+  const language = JSON.parse(window.localStorage.getItem('language'))?.code || 'en'
+  const [configFile, setConfigFile] = useState({
+    ...settings,
+    api: {
+      ...settings.api,
+      language: language
+    },
+    project: window.localStorage.getItem('project') !== null ? window.localStorage.getItem('project') : null
+  })
+
+  return (
+    <ConfigFileContext.Provider value={[configFile, setConfigFile]}>
+      <ThemeProvider theme={theme}>
+        <OrderingProvider Alert={Alert} settings={configFile}>
+          <InfoShareProvider>
+            <Router />
+            <Toast />
+          </InfoShareProvider>
+        </OrderingProvider>
+      </ThemeProvider>
+    </ConfigFileContext.Provider>
+  )
+}
+
+const wrapper = document.getElementById('app')
+ReactDOM.render(<RouteApp />, wrapper)

package/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>
+    <%= htmlWebpackPlugin.options.title %>
+  </title>
+  <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16">
+  <style>
+    .pac-container {
+      z-index: 10000 !important;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script> (function () { var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm_share", b = "https://embed.typeform.com/"; if (!gi.call(d, id)) { js = ce.call(d, "script"); js.id = id; js.src = b + "embed.js"; q = gt.call(d, "script")[0]; q.parentNode.insertBefore(js, q) } })() </script>
+</body>
+
+</html>

package/index.js

@@ -0,0 +1,131 @@
+import { AddressDetails } from './src/components/AddressDetails'
+import { AddressForm } from './src/components/AddressForm'
+import { AddressList } from './src/components/AddressList'
+import { BaseComponent } from './src/components/BaseComponent'
+import { BusinessBasicInformation } from './src/components/BusinessBasicInformation'
+import { BusinessController } from './src/components/BusinessController'
+import { BusinessesList } from './src/components/BusinessesList'
+import { BusinessFeaturedProducts } from './src/components/BusinessFeaturedProducts'
+import { BusinessDetail } from './src/components/BusinessDetail'
+import { BusinessProductsCategories } from './src/components/BusinessProductsCategories'
+import { BusinessProductsSearch } from './src/components/BusinessProductsSearch'
+import { BusinessReviews } from './src/components/BusinessReviews'
+import { BusinessSortControl } from './src/components/BusinessSortControl'
+import { BusinessTypeFilter } from './src/components/BusinessTypeFilter'
+import { Cart } from './src/components/Cart'
+import { Checkout } from './src/components/Checkout'
+import { CouponControl } from './src/components/CouponControl'
+import { DragAndDrop } from './src/components/DragAndDrop'
+import { DriverTips } from './src/components/DriverTips'
+import { ExamineClick } from './src/components/ExamineClick'
+import { FacebookLoginButton } from './src/components/FacebookLoginButton'
+import { ForgotPasswordForm } from './src/components/ForgotPasswordForm'
+import { GoogleAutocompleteInput } from './src/components/GoogleAutocompleteInput'
+import { GoogleMaps } from './src/components/GoogleMaps'
+import { GpsButton, GoogleGpsButton } from './src/components/GpsButton'
+import { LanguageSelector } from './src/components/LanguageSelector'
+import { LoginForm } from './src/components/LoginForm'
+import { LogoutAction } from './src/components/LogoutAction'
+import { MainSearch } from './src/components/MainSearch'
+import { MenuControl } from './src/components/MenuControl'
+import { MomentOption } from './src/components/MomentOption'
+import { MyOrders } from './src/components/MyOrders'
+import { MyOrdersList } from './src/components/MyOrdersList'
+import { OrderTypeControl } from './src/components/OrderTypeControl'
+import { PaymentOptions } from './src/components/PaymentOptions'
+import { Popup } from './src/components/Popup'
+import { ProductComponent } from './src/components/ProductComponent'
+import { ProductForm } from './src/components/ProductForm'
+import { ProductImages } from './src/components/ProductImages'
+import { ProductIngredient } from './src/components/ProductIngredient'
+import { ProductOption } from './src/components/ProductOption'
+import { ProductOptionSuboption } from './src/components/ProductOptionSuboption'
+import { ProductsList } from './src/components/ProductsList'
+import { ProductsListing } from './src/components/ProductsListing'
+import { SearchOptions } from './src/components/SearchOptions'
+import { SignupForm } from './src/components/SignupForm'
+import { SingleBusinessCard } from './src/components/SingleBusinessCard'
+import { SingleOrderCard } from './src/components/SingleOrderCard'
+import { SingleProductCard } from './src/components/SingleProductCard'
+import { Support } from './src/components/Support'
+import { UserDetails } from './src/components/UserDetails'
+import { UserProfileForm } from './src/components/UserProfileForm'
+import { WrapperGoogleMaps } from './src/components/WrapperGoogleMaps'
+import { ConfigContext, ConfigProvider, useConfig } from './src/contexts/ConfigContext'
+import { LanguageContext, LanguageProvider, useLanguage } from './src/contexts/LanguageContext'
+import { OrderContext, OrderProvider, useOrder } from './src/contexts/OrderContext'
+import { SessionContext, SessionProvider, useSession } from './src/contexts/SessionContext'
+import { WebsocketContext, WebsocketProvider, useWebsocket } from './src/contexts/WebsocketContext'
+
+export {
+  AddressDetails,
+  AddressForm,
+  AddressList,
+  BaseComponent,
+  BusinessBasicInformation,
+  BusinessController,
+  BusinessesList,
+  BusinessFeaturedProducts,
+  BusinessDetail,
+  BusinessProductsCategories,
+  BusinessProductsSearch,
+  BusinessReviews,
+  BusinessSortControl,
+  BusinessTypeFilter,
+  Cart,
+  Checkout,
+  CouponControl,
+  DragAndDrop,
+  DriverTips,
+  ExamineClick,
+  FacebookLoginButton,
+  ForgotPasswordForm,
+  GoogleAutocompleteInput,
+  GoogleMaps,
+  GpsButton,
+  GoogleGpsButton,
+  LanguageSelector,
+  LoginForm,
+  LogoutAction,
+  MainSearch,
+  MenuControl,
+  MomentOption,
+  MyOrders,
+  MyOrdersList,
+  OrderTypeControl,
+  PaymentOptions,
+  Popup,
+  ProductComponent,
+  ProductForm,
+  ProductImages,
+  ProductIngredient,
+  ProductOption,
+  ProductOptionSuboption,
+  ProductsList,
+  ProductsListing,
+  SearchOptions,
+  SignupForm,
+  SingleBusinessCard,
+  SingleOrderCard,
+  SingleProductCard,
+  Support,
+  UserDetails,
+  UserProfileForm,
+  WrapperGoogleMaps,
+  // Contexts
+  ConfigContext,
+  ConfigProvider,
+  useConfig,
+  LanguageContext,
+  LanguageProvider,
+  useLanguage,
+  OrderContext,
+  OrderProvider,
+  useOrder,
+  SessionContext,
+  SessionProvider,
+  useSession,
+  WebsocketContext,
+  WebsocketProvider,
+  useWebsocket
+}