@licklist/design 0.78.4 → 0.78.5-dev.0

package/dist/static/RestrictedAccess.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":"AAKA,iBAAS,gBAAgB,4CAoBxB;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":"AAKA,iBAAS,gBAAgB,4CAiBxB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/static/RestrictedAccess.js

@@ -1,18 +1,19 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import { useTranslation } from 'react-i18next';
 import { FaArrowLeft } from 'react-icons/fa';
+import { useNavigate } from 'react-router-dom';
 
 function RestrictedAccess() {
     var t = useTranslation('Design').t;
+    var navigate = useNavigate();
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Button, {
                 className: "mt-3 ml-3",
                 variant: "link",
                 onClick: function() {
-                    return RouteService.goBack();
+                    return navigate(-1);
                 },
                 children: /*#__PURE__*/ jsx(FaArrowLeft, {
                     size: 25

package/dist/static/form-number-input/FormNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAA;AAIxB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,2DAOzB,oBAAoB,4CAiEtB,CAAA"}
+{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAA;AAIxB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,2DAOzB,oBAAoB,4CAkEtB,CAAA"}

package/dist/static/form-number-input/FormNumberInput.js

@@ -106,6 +106,9 @@ var FormNumberInput = function(param) {
                                 type: "number",
                                 step: step,
                                 disabled: disabled,
+                                onWheel: function(event) {
+                                    return event.currentTarget.blur();
+                                },
                                 isInvalid: HookFormService.isInvalid(fieldName, errors)
                             }, field), {
                                 onChange: function(event) {

package/dist/static/index.js

@@ -19,7 +19,7 @@ import 'react-phone-number-input/locale/en.json';
 import 'react-phone-number-input/style.css';
 import 'react-bootstrap/Card';
 import 'react-bootstrap/Button';
-import '@licklist/plugins/dist/services/Route/RouteService';
+import 'react-router-dom';
 import 'react-bootstrap/Alert';
 import 'react-date-range';
 import 'react-use';

package/dist/static/number-input/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/number-input/NumberInput.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,EACH,GAAG,EACH,YAAY,GACb,EAAE,gBAAgB,2CAmDlB"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/number-input/NumberInput.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,EACH,GAAG,EACH,YAAY,GACb,EAAE,gBAAgB,2CAoDlB"}

package/dist/static/number-input/NumberInput.js

@@ -27,6 +27,9 @@ function NumberInput(param) {
         children: [
             /*#__PURE__*/ jsx(FormControl, {
                 type: "number",
+                onWheel: function(event) {
+                    return event.currentTarget.blur();
+                },
                 onChange: function(e) {
                     return onChange(Number(e.target.value));
                 },

package/dist/striped-static-table/StripedStaticTable.js

@@ -11,7 +11,6 @@ import { StaticTable } from '../table/StaticTable.js';
 import 'react-router-dom';
 import 'lodash';
 import '@licklist/plugins/dist/hooks/Query/useQuery';
-import '@licklist/plugins/dist/services/Route/RouteService';
 import 'react-loader';
 import '../table/utils/index.js';
 import '@tanstack/react-table';

package/dist/styles/events/EditEventModal.scss

@@ -46,6 +46,13 @@
   }
 }
 
+.duplicate-badge {
+  height: max-content;
+  width: 35%;
+  white-space: break-spaces;
+  margin-top: 3rem;
+}
+
 .highlited-primary-title {
   font-weight: 600;
   background-color: $light-blue;

package/dist/styles/iframe-events/Calendar.scss

@@ -74,7 +74,7 @@
     .calendar-dates-wrapper {
       .calendar-dates {
         display: grid;
-        grid-template-columns: repeat(7, 1fr);
+        grid-template-columns: repeat(7, auto);
         grid-gap: 0.5rem 1rem;
         overflow-x: auto;
       }

package/dist/styles/iframe-external-modal/IframeExternalModal.scss

@@ -15,7 +15,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 1000000;
+  z-index: 2147483646;
   background-color: rgba(0, 0, 0, 0.5);
   display: none;
 }
@@ -24,7 +24,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 1000001;
+  z-index: 2147483647;
   display: none;
   width: 100%;
   height: 100%;

package/dist/styles/ryft-payment-form/RyftPaymentForm.scss

@@ -102,7 +102,6 @@
 }
 
 .ryft-payment-form {
-
   .form-disable-box {
     display: none;
     position: absolute;
@@ -184,7 +183,6 @@
 }
 
 @include media-breakpoint-up(md) {
-
   .ryft-payment-form,
   .form-disable-box {
     height: 50%;
@@ -213,4 +211,4 @@
   .divider {
     display: none !important;
   }
-}
+}

package/dist/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14.25rem;
+      height: 14rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

package/dist/table/ReactTableHelperComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactTableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/ReactTableHelperComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,GAAG,EACH,YAAY,EACb,MAAM,OAAO,CAAA;AAiBd,OAAO,EACL,mBAAmB,EACnB,mCAAmC,EACnC,qCAAqC,EAErC,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,MAAM,IACzD,mBAAmB,CAAC,CAAC,CAAC,GACpB,CACI,mCAAmC,CAAC,CAAC,CAAC,GACtC,qCAAqC,CAAC,CAAC,CAAC,CAC3C,CAAA;AAEL,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAA;CACrC,CAAA;AA0QD,QAAA,MAAM,yBAAyB,EAE1B,CAAC,CAAgB,SAAN,MAAM,EACpB,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,4BAA4B,CAAC,CAAA;CACxC,KACE,YAAY,CAAA;AAEjB,OAAO,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"ReactTableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/ReactTableHelperComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,GAAG,EACH,YAAY,EACb,MAAM,OAAO,CAAA;AAgBd,OAAO,EACL,mBAAmB,EACnB,mCAAmC,EACnC,qCAAqC,EAErC,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,MAAM,IACzD,mBAAmB,CAAC,CAAC,CAAC,GACpB,CACI,mCAAmC,CAAC,CAAC,CAAC,GACtC,qCAAqC,CAAC,CAAC,CAAC,CAC3C,CAAA;AAEL,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAA;CACrC,CAAA;AAyQD,QAAA,MAAM,yBAAyB,EAE1B,CAAC,CAAgB,SAAN,MAAM,EACpB,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,4BAA4B,CAAC,CAAA;CACxC,KACE,YAAY,CAAA;AAEjB,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/table/ReactTableHelperComponent.js

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useMemo, useImperativeHandle, useEffect } from 'react';
 import { Row, Col, Table } from 'react-bootstrap';
-import { useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import { isEqual } from 'lodash';
 import clsx from 'clsx';
 import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import TableService from '@licklist/plugins/dist/services/Table/TableService';
 import { LoaderIndicator } from '../static/loader/LoaderIndicator.js';
 import { FilterHelperComponent } from './FilterHelperComponent.js';
@@ -117,6 +116,7 @@ function _object_without_properties_loose(source, excluded) {
         "renderRow"
     ]);
     var pathname = useLocation().pathname;
+    var navigate = useNavigate();
     var _useTableQueryOptions = useTableQueryOptions({
         initialOptions: initialOptions,
         externalFilters: externalFilters
@@ -194,7 +194,7 @@ function _object_without_properties_loose(source, excluded) {
         setOptionsCache(options);
         setCachedExternalFilters(externalFilters);
         var nextUrlSearchParams = new URLSearchParams(_object_spread({}, options, externalFilters));
-        RouteService.redirectTo([
+        navigate([
             pathname,
             nextUrlSearchParams.toString()
         ].join('?'));

package/dist/table/TableHelperComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAO3D,OAAO,qBAAqB,MAAM,mEAAmE,CAAA;AACrG,OAAO,YAAY,MAAM,0DAA0D,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAQrF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CACrE;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA6S7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAM3D,OAAO,qBAAqB,MAAM,mEAAmE,CAAA;AACrG,OAAO,YAAY,MAAM,0DAA0D,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAQrF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CACrE;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA8S7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/table/TableHelperComponent.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Row, Col, Table } from 'react-bootstrap';
-import { useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import { isEqual } from 'lodash';
 import useQuery from '@licklist/plugins/dist/hooks/Query/useQuery';
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import TableService from '@licklist/plugins/dist/services/Table/TableService';
 import { LoaderIndicator } from '../static/loader/LoaderIndicator.js';
 import { FilterHelperComponent } from './FilterHelperComponent.js';
@@ -158,6 +157,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     var paginator = props.paginator, headers = props.headers, renderItemFn = props.renderItemFn, isLoading = props.isLoading, onRefreshFn = props.onRefreshFn, refreshAt = props.refreshAt, _props_striped = props.striped, striped = _props_striped === void 0 ? true : _props_striped, _props_bordered = props.bordered, bordered = _props_bordered === void 0 ? true : _props_bordered, _props_displaySearchBar = props.displaySearchBar, displaySearchBar = _props_displaySearchBar === void 0 ? true : _props_displaySearchBar, _props_displayPerPageSelect = props.displayPerPageSelect, displayPerPageSelect = _props_displayPerPageSelect === void 0 ? true : _props_displayPerPageSelect, _props_displayShowingSection = props.displayShowingSection, displayShowingSection = _props_displayShowingSection === void 0 ? true : _props_displayShowingSection, _props_externalFilters = props.externalFilters, externalFilters = _props_externalFilters === void 0 ? {} : _props_externalFilters, _props_initialOptions = props.initialOptions, initialOptions = _props_initialOptions === void 0 ? {} : _props_initialOptions, filteredOrdersOptions = props.filteredOrdersOptions;
     var query = useQuery();
     var pathname = useLocation().pathname;
+    var navigate = useNavigate();
     var page = Number(getFilterOptionsValue(query, initialOptions, 'page'));
     var perPage = Number(getFilterOptionsValue(query, initialOptions, 'perPage'));
     var sortKey = String(getFilterOptionsValue(query, initialOptions, 'sortKey'));
@@ -182,7 +182,7 @@ function _unsupported_iterable_to_array(o, minLen) {
         if (onRefreshFn) {
             onRefreshFn(options);
         }
-        RouteService.redirectTo([
+        navigate([
             pathname,
             [
                 "page=".concat(options.page),

package/dist/venue-map-sets/card/VenueMapSetCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VenueMapSetCard.d.ts","sourceRoot":"","sources":["../../../src/venue-map-sets/card/VenueMapSetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAMtF,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,oBAAoB,2CA6EtB"}
+{"version":3,"file":"VenueMapSetCard.d.ts","sourceRoot":"","sources":["../../../src/venue-map-sets/card/VenueMapSetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAMtF,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,oBAAoB,2CA8EtB"}

package/dist/venue-map-sets/card/VenueMapSetCard.js

@@ -4,8 +4,8 @@ import { OverlayTrigger, Popover, ListGroup } from 'react-bootstrap';
 import { useId } from '@react-aria/utils';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
+import { useNavigate } from 'react-router-dom';
 import { MenuButton } from '../../table/MenuButton.js';
 import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
 
@@ -60,15 +60,16 @@ function VenueMapSetCard(param) {
     var t = useTranslation('Design').t;
     var popoverId = useId();
     var _useState = _sliced_to_array(useState(false), 2), isOverlayVisibile = _useState[0], setIsOverlayVisible = _useState[1];
+    var navigate = useNavigate();
     return /*#__PURE__*/ jsx("div", {
         role: "button",
         tabIndex: 0,
         className: "border-0 venue-map-set-card-wrapper w-100 pb-0",
         onClick: function() {
-            return RouteService.redirectTo(href);
+            return navigate(href);
         },
         onKeyUp: function() {
-            return RouteService.redirectTo(href);
+            return navigate(href);
         },
         children: /*#__PURE__*/ jsxs("div", {
             className: clsx('venue-map-set-card', className),

package/dist/zone/card/ZoneCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneCard.d.ts","sourceRoot":"","sources":["../../../src/zone/card/ZoneCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAMtF,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,aAAa,2CA8Ef"}
+{"version":3,"file":"ZoneCard.d.ts","sourceRoot":"","sources":["../../../src/zone/card/ZoneCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAMtF,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,aAAa,2CA+Ef"}

package/dist/zone/card/ZoneCard.js

@@ -4,8 +4,8 @@ import { OverlayTrigger, Popover, ListGroup } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
 import { useId } from '@react-aria/utils';
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
+import { useNavigate } from 'react-router-dom';
 import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
 import { MenuButton } from '../../table/MenuButton.js';
 
@@ -61,15 +61,16 @@ function ZoneCard(param) {
     var popoverId = useId();
     var ZoneCardClasses = "zone-card ".concat(className);
     var _useState = _sliced_to_array(useState(false), 2), isOverlayVisibile = _useState[0], setIsOverlayVisible = _useState[1];
+    var navigate = useNavigate();
     return /*#__PURE__*/ jsx("div", {
         role: "button",
         tabIndex: 0,
         className: "border-0 zone-card-wrapper w-100 pb-0",
         onClick: function() {
-            return RouteService.redirectTo(href);
+            return navigate(href);
         },
         onKeyUp: function() {
-            return RouteService.redirectTo(href);
+            return navigate(href);
         },
         children: /*#__PURE__*/ jsxs("div", {
             className: ZoneCardClasses,

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":"AAOA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CA+B1B,CAAA"}
+{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":"AAOA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CAgC1B,CAAA"}

package/dist/zone/form/components/GameDurationControl.js

@@ -77,6 +77,9 @@ var GameDurationControl = function(param) {
                 required: false,
                 min: 1
             })), {
+                onWheel: function(event) {
+                    return event.currentTarget.blur();
+                },
                 placeholder: t('Design:duration'),
                 isInvalid: Boolean(errors.defaultDuration),
                 disabled: isLoading

package/dist/zone/form/components/SortControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAmC1D,CAAA"}
+{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAoC1D,CAAA"}

package/dist/zone/form/components/SortControl.js

@@ -77,6 +77,9 @@ var SortControl = function(param) {
                 required: false,
                 min: 1
             })), {
+                onWheel: function(event) {
+                    return event.currentTarget.blur();
+                },
                 placeholder: t('Design:ordering'),
                 isInvalid: Boolean(errors.sort),
                 disabled: isLoading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.4",
+  "version": "0.78.5-dev.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,10 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.35.2",
+    "@licklist/core": "0.36.1-dev.0",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.10",
+    "@licklist/plugins": "0.36.4-dev.0",
+    "clsx": "2.1.1",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "react": "17.0.2",
@@ -52,7 +53,8 @@
     "react-hook-form": "7.52.2",
     "react-i18next": "11.8.8",
     "react-intl": "6.6.8",
-    "react-query": "3.34.12"
+    "react-query": "3.34.12",
+    "react-router-dom": "6.30.1"
   },
   "dependencies": {
     "@dnd-kit/core": "3.1.1",
@@ -61,9 +63,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.35.2",
+    "@licklist/core": "0.36.0-dev.0",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.10",
+    "@licklist/plugins": "0.36.2-dev.2",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -94,7 +96,6 @@
     "@wojtekmaj/react-daterange-picker": "4.1.0",
     "bootstrap": "4.6.0",
     "bootstrap-social": "5.1.1",
-    "clsx": "2.1.1",
     "date-fns": "2.29.3",
     "emojibase": "6.1.0",
     "emojibase-data": "7.0.1",
@@ -121,7 +122,6 @@
     "react-overlays": "4.1.1",
     "react-phone-number-input": "3.1.16",
     "react-query": "3.34.12",
-    "react-router-dom": "5.2.0",
     "react-select": "5.3.0",
     "react-swipeable": "6.2.0",
     "react-use": "17.3.1",
@@ -206,8 +206,10 @@
       "yarn tsc"
     ]
   },
+  "packageManager": "yarn@4.4.0",
   "volta": {
     "node": "20.9.0",
     "yarn": "4.4.0"
-  }
+  },
+  "stableVersion": "0.71.4-dev.1"
 }

package/src/affiliate/form/AffiliateForm.tsx

@@ -3,6 +3,7 @@ import { Button, Form } from 'react-bootstrap'
 import { FormProvider, useForm } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
 import { Affiliate } from '@licklist/core/dist/DataMapper/Product/AffiliateDataMapper'
+import { useNavigate } from 'react-router-dom'
 import { Dialog, useDialogContext } from '../../modals/dialog'
 import { AffiliateFormValues, GenerateLinkFunction } from '../types'
 import { AffiliateControl } from './AffiliateControl'
@@ -22,6 +23,7 @@ export const AffiliateForm = ({
 }: AffiliateFormProps) => {
   const { t } = useTranslation('Design')
   const { isShownDialog, showDialog, hideDialog } = useDialogContext()
+  const navigate = useNavigate()
 
   const form = useForm({
     defaultValues,
@@ -47,8 +49,8 @@ export const AffiliateForm = ({
   )
 
   const onApproveDialog = useCallback(() => {
-    window.history.back()
-  }, [])
+    navigate(-1)
+  }, [navigate])
 
   const onDeclineDialog = useCallback(() => {
     window.history.pushState(null, '', window.location.pathname)

package/src/auth/AccessDenied/AccessDenied.tsx

@@ -1,20 +1,21 @@
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser'
 import { FaLock } from 'react-icons/fa'
+import { useNavigate } from 'react-router-dom'
 
 export const AccessDenied = () => {
   const { t } = useTranslation('App')
   const user = useUser()
+  const navigate = useNavigate()
 
   const onGoToHomepage = () => {
-    RouteService.redirectTo('/')
+    navigate('/')
   }
 
   const logOutHandler = () => {
     user.logout()
-    RouteService.redirectTo('/')
+    navigate('/')
   }
 
   return (

package/src/auth/Authorizer.tsx

@@ -1,10 +1,10 @@
 import { ReactNode, useEffect, useState, useCallback } from 'react'
-import { matchPath } from 'react-router-dom'
+import { matchPath, useLocation } from 'react-router-dom'
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser'
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
 import { ROUTES, MATCH_ROUTE_PATTERNS } from '@licklist/core/dist/Config'
 import useAuthApi from '@licklist/plugins/dist/hooks/Api/useAuthApi'
 import useAuth from '@licklist/plugins/dist/context/user/hooks/useAuth'
+import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
 import { BlockLoader } from '../static/loader/BlockLoader'
 
 export interface AuthorizerProps {
@@ -17,6 +17,8 @@ function Authorizer(props: AuthorizerProps) {
   const user = useUser()
   const { useProfile } = useAuthApi()
 
+  const { pathname } = useLocation()
+
   // This will re-fetch user's profile
   const profile = useProfile()
 
@@ -26,13 +28,15 @@ function Authorizer(props: AuthorizerProps) {
     () =>
       Object.values(MATCH_ROUTE_PATTERNS)
         .map((pathUrlPattern) =>
-          matchPath<{ url: string }>(
+          matchPath(
+            {
+              path: pathUrlPattern,
+            },
             RouteService.getCurrentPage(),
-            pathUrlPattern,
           ),
         )
         .filter(Boolean)
-        .map((matched) => matched.url),
+        .map((matched) => matched.pathname),
     [],
   )
 
@@ -61,7 +65,7 @@ function Authorizer(props: AuthorizerProps) {
         ROUTES.FORGOT_PASSWORD,
         ROUTES.SSO_LOGIN,
         ...matchedPathPatternUrls(),
-      ].includes(RouteService.getCurrentPage())
+      ].includes(pathname)
     ) {
       setIsValidated(() => true)
       return
@@ -80,6 +84,7 @@ function Authorizer(props: AuthorizerProps) {
     profile.isError,
     profile.isLoading,
     profile.isFetching,
+    pathname,
   ])
 
   if (profile.isFetching || profile.isLoading || !isValidated)

package/src/auth/ChangePassword/ChangePasswordComponent.tsx

@@ -2,16 +2,14 @@ import { useContext, useEffect, useState } from 'react'
 import Row from 'react-bootstrap/Row'
 import Col from 'react-bootstrap/Col'
 import { useTranslation } from 'react-i18next'
-import { useLocation } from 'react-router-dom'
+import { useLocation, useNavigate } from 'react-router-dom'
 import { ApiServiceError } from '@licklist/core/dist/Api/ApiService'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
 import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi'
 import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
-import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
 import { UserChangePasswordRequest } from '@licklist/plugins/dist/types/Request/UserChangePasswordRequest'
 import { ROUTES } from '@licklist/core/dist/Config'
 import { ChangePasswordFormComponent } from './ChangePasswordFormComponent'
-import { Router } from '../Router'
 import FormCard from '../../static/FormCard'
 import { LoaderIndicator } from '../../static/loader/LoaderIndicator'
 
@@ -22,6 +20,7 @@ function ChangePasswordComponent() {
   const { search } = useLocation()
   const email = new URLSearchParams(search).get('email')
   const token = new URLSearchParams(search).get('token')
+  const navigate = useNavigate()
 
   const [isLoading, setIsLoading] = useState<boolean>(false)
 
@@ -33,7 +32,7 @@ function ChangePasswordComponent() {
       message: error.response?.data?.message,
     })
 
-    RouteService.redirectTo(ROUTES.FORGOT_PASSWORD)
+    navigate(ROUTES.FORGOT_PASSWORD)
   }
 
   const changePassword = async (resetRequest: UserChangePasswordRequest) =>
@@ -51,39 +50,35 @@ function ChangePasswordComponent() {
       message: t('Notification:passwordChangedSuccessfully'),
     })
 
-    RouteService.redirectTo(ROUTES.LOGIN_PAGE)
+    navigate(ROUTES.LOGIN_PAGE)
   }
 
   useEffect(() => {
     if (!email && !token) {
-      RouteService.redirectTo(ROUTES.LOGIN_PAGE)
+      navigate(ROUTES.LOGIN_PAGE)
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   return (
-    <Router>
-      <Row className='justify-content-center'>
-        <Col xs sm={12} md={7} lg={6} xl={5} className='align-self-center'>
-          <>
-            <h1 className='text-center'>{t('User:resetPasswordTitle')}</h1>
-            <h3 className='text-center'>{t('User:forEmail', { email })}</h3>
+    <Row className='justify-content-center'>
+      <Col xs sm={12} md={7} lg={6} xl={5} className='align-self-center'>
+        <h1 className='text-center'>{t('User:resetPasswordTitle')}</h1>
+        <h3 className='text-center'>{t('User:forEmail', { email })}</h3>
 
-            <FormCard>
-              <ChangePasswordFormComponent
-                isLoading={isLoading}
-                setIsLoading={setIsLoading}
-                onSubmit={handleOnSubmit}
-                email={email}
-                token={token}
-              />
+        <FormCard>
+          <ChangePasswordFormComponent
+            isLoading={isLoading}
+            setIsLoading={setIsLoading}
+            onSubmit={handleOnSubmit}
+            email={email}
+            token={token}
+          />
 
-              <LoaderIndicator isLoaded={!isLoading} />
-            </FormCard>
-          </>
-        </Col>
-      </Row>
-    </Router>
+          <LoaderIndicator isLoaded={!isLoading} />
+        </FormCard>
+      </Col>
+    </Row>
   )
 }
 

package/src/auth/Layout/AuthNavComponent.tsx

@@ -1,13 +1,12 @@
 import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import StyledButton from '../../static/StyledButton'
-import { Router } from '../Router'
 
 function AuthNavComponent() {
   const { t } = useTranslation('User')
 
   return (
-    <Router>
+    <>
       {/* TODO fix issue react router types
         @ts-expect-error */}
       <Link to='/login'>
@@ -26,7 +25,7 @@ function AuthNavComponent() {
           {t('register')}
         </StyledButton>
       </Link>
-    </Router>
+    </>
   )
 }