mozrest-sdk-react-dev 0.1.18 → 0.1.19

package/mozrest-sdk.es.js

@@ -3435,11 +3435,11 @@ const Container = ({
 };
 const container$t = "_container_zaez7_1";
 const header$7 = "_header_zaez7_5";
-const content$a = "_content_zaez7_10";
+const content$9 = "_content_zaez7_10";
 var styles$1w = {
   container: container$t,
   header: header$7,
-  content: content$a
+  content: content$9
 };
 const LayoutPage$1 = ({
   children,
@@ -7803,18 +7803,18 @@ function createMemoryHistory(options2) {
   }
   var _options3 = options2, _options3$initialEntr = _options3.initialEntries, initialEntries = _options3$initialEntr === void 0 ? ["/"] : _options3$initialEntr, initialIndex = _options3.initialIndex;
   var entries = initialEntries.map(function(entry) {
-    var location2 = readOnly(_extends$P({
+    var location3 = readOnly(_extends$P({
       pathname: "/",
       search: "",
       hash: "",
       state: null,
       key: createKey()
     }, typeof entry === "string" ? parsePath(entry) : entry));
-    return location2;
+    return location3;
   });
   var index2 = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1);
   var action = Action.Pop;
-  var location = entries[index2];
+  var location2 = entries[index2];
   var listeners = createEvents();
   var blockers = createEvents();
   function createHref(to2) {
@@ -7825,7 +7825,7 @@ function createMemoryHistory(options2) {
       state = null;
     }
     return readOnly(_extends$P({
-      pathname: location.pathname,
+      pathname: location2.pathname,
       search: "",
       hash: ""
     }, typeof to2 === "string" ? parsePath(to2) : to2, {
@@ -7833,19 +7833,19 @@ function createMemoryHistory(options2) {
       key: createKey()
     }));
   }
-  function allowTx(action2, location2, retry) {
+  function allowTx(action2, location3, retry) {
     return !blockers.length || (blockers.call({
       action: action2,
-      location: location2,
+      location: location3,
       retry
     }), false);
   }
   function applyTx(nextAction, nextLocation) {
     action = nextAction;
-    location = nextLocation;
+    location2 = nextLocation;
     listeners.call({
       action,
-      location
+      location: location2
     });
   }
   function push2(to2, state) {
@@ -7891,7 +7891,7 @@ function createMemoryHistory(options2) {
       return action;
     },
     get location() {
-      return location;
+      return location2;
     },
     createHref,
     push: push2,
@@ -7990,8 +7990,8 @@ function matchRoutes(routes2, locationArg, basename) {
   if (basename === void 0) {
     basename = "/";
   }
-  let location = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
-  let pathname = stripBasename(location.pathname || "/", basename);
+  let location2 = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
+  let pathname = stripBasename(location2.pathname || "/", basename);
   if (pathname == null) {
     return null;
   }
@@ -8285,16 +8285,16 @@ function useRoutes(routes2, locationArg) {
   let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : "/";
   routeMatch && routeMatch.route;
   let locationFromContext = useLocation();
-  let location;
+  let location2;
   if (locationArg) {
     var _parsedLocationArg$pa;
     let parsedLocationArg = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
     !(parentPathnameBase === "/" || ((_parsedLocationArg$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? invariant$1(false) : void 0;
-    location = parsedLocationArg;
+    location2 = parsedLocationArg;
   } else {
-    location = locationFromContext;
+    location2 = locationFromContext;
   }
-  let pathname = location.pathname || "/";
+  let pathname = location2.pathname || "/";
   let remainingPathname = parentPathnameBase === "/" ? pathname : pathname.slice(parentPathnameBase.length) || "/";
   let matches = matchRoutes(routes2, {
     pathname: remainingPathname
@@ -8378,7 +8378,7 @@ function Router(_ref3) {
     state = null,
     key: key2 = "default"
   } = locationProp;
-  let location = useMemo$1(() => {
+  let location2 = useMemo$1(() => {
     let trailingPathname = stripBasename(pathname, basename);
     if (trailingPathname == null) {
       return null;
@@ -8391,7 +8391,7 @@ function Router(_ref3) {
       key: key2
     };
   }, [basename, pathname, search2, hash2, state, key2]);
-  if (location == null) {
+  if (location2 == null) {
     return null;
   }
   return /* @__PURE__ */ createElement(NavigationContext.Provider, {
@@ -8399,7 +8399,7 @@ function Router(_ref3) {
   }, /* @__PURE__ */ createElement(LocationContext.Provider, {
     children,
     value: {
-      location,
+      location: location2,
       navigationType
     }
   }));
@@ -8407,9 +8407,9 @@ function Router(_ref3) {
 function Routes(_ref4) {
   let {
     children,
-    location
+    location: location2
   } = _ref4;
-  return useRoutes(createRoutesFromChildren(children), location);
+  return useRoutes(createRoutesFromChildren(children), location2);
 }
 function createRoutesFromChildren(children) {
   let routes2 = [];
@@ -8447,9 +8447,9 @@ function createRoutesFromChildren(children) {
  */
 function useSearchParams(defaultInit) {
   let defaultSearchParamsRef = useRef(createSearchParams(defaultInit));
-  let location = useLocation();
+  let location2 = useLocation();
   let searchParams = useMemo$1(() => {
-    let searchParams2 = createSearchParams(location.search);
+    let searchParams2 = createSearchParams(location2.search);
     for (let key2 of defaultSearchParamsRef.current.keys()) {
       if (!searchParams2.has(key2)) {
         defaultSearchParamsRef.current.getAll(key2).forEach((value2) => {
@@ -8458,7 +8458,7 @@ function useSearchParams(defaultInit) {
       }
     }
     return searchParams2;
-  }, [location.search]);
+  }, [location2.search]);
   let navigate = useNavigate();
   let setSearchParams = useCallback((nextInit, navigateOptions) => {
     navigate("?" + createSearchParams(nextInit), navigateOptions);
@@ -8557,11 +8557,9 @@ const Header$6 = ({ header: header2 }) => {
     className: styles$1u.icon
   }), typeof header2.icon !== "string" && header2.icon && header2.icon);
 };
-const container$s = "_container_n9y0e_1";
-const content$9 = "_content_n9y0e_8";
+const container$s = "_container_pd6ji_1";
 var styles$1t = {
-  container: container$s,
-  content: content$9
+  container: container$s
 };
 const Card = ({
   header: header2,
@@ -8569,13 +8567,13 @@ const Card = ({
   className,
   classNameContent
 }) => {
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: classNames$3(styles$1t.container, className, "mz-card")
   }, /* @__PURE__ */ React__default.createElement(Header$6, {
     header: header2
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: classNames$3(styles$1t.content, classNameContent)
-  }, children));
+  }, children)));
 };
 var styles$1s = {
   "ui-list": "_ui-list_4zr5h_1",
@@ -8598,7 +8596,7 @@ function emptyFunctionWithReset() {
 }
 emptyFunctionWithReset.resetWarningCache = emptyFunction;
 var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
+  function shim(props, propName, componentName, location2, propFullName, secret) {
     if (secret === ReactPropTypesSecret) {
       return;
     }
@@ -41181,7 +41179,7 @@ const formarResult = (result) => {
   const id = result.place_id;
   const address = result.formatted_address;
   const components2 = result.address_components;
-  const location = result.geometry.location;
+  const location2 = result.geometry.location;
   const city = ((_a2 = components2.find(({ types: types2 }) => types2.includes("locality"))) == null ? void 0 : _a2.long_name) || "";
   const state = ((_b = components2.find(({ types: types2 }) => types2.includes("administrative_area_level_1"))) == null ? void 0 : _b.long_name) || "";
   const countryId = ((_c = components2.find(({ types: types2 }) => types2.includes("country"))) == null ? void 0 : _c.short_name) || "";
@@ -41194,7 +41192,7 @@ const formarResult = (result) => {
     country,
     zipCode,
     address,
-    location
+    location: location2
   };
 };
 const GetVenueListing = async ({
@@ -41230,7 +41228,7 @@ const formatData$c = async (values = {}) => {
     id: mainCategory == null ? void 0 : mainCategory.id,
     label: mainCategory == null ? void 0 : mainCategory.name
   } : void 0;
-  const location = await formatLocation(rest.address, latitude, longitude);
+  const location2 = await formatLocation(rest.address, latitude, longitude);
   return {
     ...rest,
     mainCategory: _mainCategory,
@@ -41241,7 +41239,7 @@ const formatData$c = async (values = {}) => {
     regularHours: formarRegularHours$1(regularHours),
     specialHours: formarSpecialHours$1(specialHours),
     attributes: formatAttributes$1(attributes2),
-    ...location,
+    ...location2,
     country: countryAux
   };
 };
@@ -41917,7 +41915,9 @@ const FormToolBar = ({
     className: styles$1c.toolbar
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$1c.buttonGroup
-  }, (GoogleConnected || FacebookConnected) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(GoogleButtonContainer$1, {
+  }, showBack && /* @__PURE__ */ React__default.createElement("div", {
+    style: { paddingTop: ".5rem" }
+  }, /* @__PURE__ */ React__default.createElement(BackButton, null)), (GoogleConnected || FacebookConnected) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(GoogleButtonContainer$1, {
     onSuccess: setGoogleResponse,
     venueId,
     platform: platform2,
@@ -41947,9 +41947,7 @@ const FormToolBar = ({
     isLoading: isPublishingGoogle && isPublishingFacebook,
     disabled: data2.status === "published",
     type: "button"
-  }, t2("PUBLISH"))))), showBack && /* @__PURE__ */ React__default.createElement(Container, null, /* @__PURE__ */ React__default.createElement("div", {
-    style: { paddingTop: "1rem", marginBottom: -24 }
-  }, /* @__PURE__ */ React__default.createElement(BackButton, null))));
+  }, t2("PUBLISH"))))));
 };
 const mapcontainer = "_mapcontainer_1eyjs_1";
 var styles$1a = {
@@ -42196,17 +42194,17 @@ function urlBuilder(property2, value2, separator) {
   }
   return null;
 }
-function locationBuilder(location) {
+function locationBuilder(location2) {
   const urlParts = [];
-  if (Array.isArray(location)) {
-    const arrParts = location.map((val) => locationBuilder(val));
+  if (Array.isArray(location2)) {
+    const arrParts = location2.map((val) => locationBuilder(val));
     urlParts.push(...arrParts);
   }
-  if (typeof location === "string" || typeof location === "number") {
-    urlParts.push(location);
+  if (typeof location2 === "string" || typeof location2 === "number") {
+    urlParts.push(location2);
   }
-  if (typeof location === "object" && location.lat && location.lng) {
-    urlParts.push(`${location.lat},${location.lng}`);
+  if (typeof location2 === "object" && location2.lat && location2.lng) {
+    urlParts.push(`${location2.lat},${location2.lng}`);
   }
   return urlParts.join("%7C");
 }
@@ -42234,10 +42232,10 @@ const markerStrategy = ({
     label: label2,
     anchor,
     iconURL,
-    location,
+    location: location2,
     scale
   } = props;
-  browser(location, "Marker expects a valid location prop");
+  browser(location2, "Marker expects a valid location prop");
   let urlParts = [];
   urlParts.push(urlBuilder("size", size, ":"));
   urlParts.push(urlBuilder("color", color2, ":"));
@@ -42245,7 +42243,7 @@ const markerStrategy = ({
   urlParts.push(urlBuilder("anchor", anchor, ":"));
   urlParts.push(urlBuilder("scale", scale, ":"));
   urlParts.push(urlBuilder("icon", iconURL, ":"));
-  urlParts.push(urlBuilder("", locationBuilder(location), ""));
+  urlParts.push(urlBuilder("", locationBuilder(location2), ""));
   const url2 = urlParts.filter((x2) => x2).join("%7C");
   return `markers=${url2}`;
 };
@@ -42287,7 +42285,7 @@ const markerGroupStrategy = ({
     children,
     scale
   } = props;
-  const location = Children.map(children, (child) => child.props.location);
+  const location2 = Children.map(children, (child) => child.props.location);
   return markerStrategy({
     props: {
       size,
@@ -42295,7 +42293,7 @@ const markerGroupStrategy = ({
       label: label2,
       anchor,
       iconURL,
-      location,
+      location: location2,
       scale
     },
     type: {
@@ -56431,17 +56429,18 @@ const DetailDesktop = ({
     onSucess: onReload
   })));
 };
-const container$c = "_container_1dp6q_1";
-const light = "_light_1dp6q_4";
-const active = "_active_1dp6q_7";
-const resume = "_resume_1dp6q_11";
-const resume__container = "_resume__container_1dp6q_14";
-const left$1 = "_left_1dp6q_20";
-const right = "_right_1dp6q_26";
-const image = "_image_1dp6q_29";
-const comment = "_comment_1dp6q_35";
-const reviewer = "_reviewer_1dp6q_43";
-const time$1 = "_time_1dp6q_55";
+const container$c = "_container_1rvtj_1";
+const light = "_light_1rvtj_4";
+const active = "_active_1rvtj_7";
+const resume = "_resume_1rvtj_11";
+const resume__container = "_resume__container_1rvtj_14";
+const left$1 = "_left_1rvtj_20";
+const right = "_right_1rvtj_26";
+const image = "_image_1rvtj_29";
+const comment = "_comment_1rvtj_35";
+const reviewer = "_reviewer_1rvtj_43";
+const location = "_location_1rvtj_48";
+const time$1 = "_time_1rvtj_53";
 var styles$x = {
   container: container$c,
   light,
@@ -56453,8 +56452,9 @@ var styles$x = {
   image,
   comment,
   reviewer,
-  "icon--center": "_icon--center_1dp6q_49",
-  time: time$1
+  location,
+  time: time$1,
+  "icon--center": "_icon--center_1rvtj_60"
 };
 const Review = ({
   id,
@@ -56469,7 +56469,8 @@ const Review = ({
   onReload,
   openForm,
   onClick,
-  light: light2
+  light: light2,
+  multiVenue
 }) => {
   return /* @__PURE__ */ React__default.createElement("article", {
     className: classNames$3(styles$x.container, {
@@ -56505,11 +56506,13 @@ const Review = ({
     sm: 0
   }, /* @__PURE__ */ React__default.createElement(StartScore, {
     score: rating
-  }))))), /* @__PURE__ */ React__default.createElement("div", {
+  }))))), multiVenue && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$x.location
+  }, locationName)), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$x.right
-  }, /* @__PURE__ */ React__default.createElement("time", {
+  }, /* @__PURE__ */ React__default.createElement("time", null, createdAt.substring(0, 10)), /* @__PURE__ */ React__default.createElement("time", {
     className: styles$x.time
-  }, createdAt.substring(0, 10)), /* @__PURE__ */ React__default.createElement("time", null, createdAt.substring(10))))), /* @__PURE__ */ React__default.createElement(DetailMobile, {
+  }, createdAt.substring(10))))), /* @__PURE__ */ React__default.createElement(DetailMobile, {
     id,
     reply: reply2,
     reviewer: reviewer2,
@@ -56575,7 +56578,7 @@ const ContextReview = React__default.createContext([
   (value2) => {
   }
 ]);
-const Reviews = ({ reviews, isEmpty, onReload }) => {
+const Reviews = ({ reviews, isEmpty, onReload, multiVenue }) => {
   const { t: t2 } = useTranslation();
   const [, setReview] = useContext(ContextReview);
   const [reviewSelected, setReviewSelected] = useState();
@@ -56606,7 +56609,8 @@ const Reviews = ({ reviews, isEmpty, onReload }) => {
     onReload,
     openForm: id === reviewSelected,
     onClick: handleToggleForm(id),
-    light: index2 % 2 === 1
+    light: index2 % 2 === 1,
+    multiVenue
   })));
 };
 const TemplateContent = ({ children }) => {
@@ -62243,13 +62247,14 @@ const formatData$7 = (data2) => {
   };
 };
 const SelectVenueListing = ({
-  onChange: onChange3
+  onChange: onChange3,
+  multiVenue
 }) => {
   const { t: t2 } = useTranslation();
   const { data: data2, isLoading } = useFetch(GetVenueListingsOptions, {
     cacheId: `venueListing-options`
   });
-  if ((data2 == null ? void 0 : data2.total) === 1) {
+  if (!multiVenue) {
     return null;
   }
   const options2 = [{ id: "", label: t2("ALL") }, ...(data2 == null ? void 0 : data2.data) || []];
@@ -62350,7 +62355,7 @@ const DatePicker = ({
     allowClear: false
   }));
 };
-const Header$2 = ({ onChangeFilter, filters: filters2 }) => {
+const Header$2 = ({ onChangeFilter, filters: filters2, multiVenue }) => {
   const { t: t2 } = useTranslation();
   const handleChangeFilter = (id) => (value2) => {
     onChangeFilter({
@@ -62421,6 +62426,7 @@ const Header$2 = ({ onChangeFilter, filters: filters2 }) => {
     md: 6,
     lg: 4
   }, /* @__PURE__ */ React__default.createElement(SelectVenueListing, {
+    multiVenue,
     onChange: handleChangeVenueListing
   })))));
 };
@@ -62445,6 +62451,10 @@ const ReviewsPage = () => {
     rating: "",
     reply: ""
   });
+  const { data: data2 } = useFetch(GetVenueListingsOptions, {
+    cacheId: `venueListing-options`
+  });
+  const multiVenue = (data2 == null ? void 0 : data2.total) > 1;
   const {
     issues,
     isLoadingInitialData,
@@ -62467,7 +62477,8 @@ const ReviewsPage = () => {
     contentClassName: styles$p.content,
     header: /* @__PURE__ */ React__default.createElement(Header$2, {
       onChangeFilter: setFilters,
-      filters: filter
+      filters: filter,
+      multiVenue
     })
   }, /* @__PURE__ */ React__default.createElement(ContextTemplate.Provider, {
     value: [context, setContext]
@@ -62480,7 +62491,8 @@ const ReviewsPage = () => {
   }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Reviews, {
     reviews: issues,
     isEmpty,
-    onReload: reload
+    onReload: reload,
+    multiVenue
   }), !isReachingEnd && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$p.footer
   }, /* @__PURE__ */ React__default.createElement(Button, {
@@ -64676,7 +64688,7 @@ const getCompareRange = (current, compareType) => {
     return handleCompareRangeYear(current);
   }
 };
-const Header$1 = ({ value: value2, onChangeFilter }) => {
+const Header$1 = ({ value: value2, onChangeFilter, multiVenue }) => {
   const { t: t2 } = useTranslation();
   const handleChangePlatform = (change) => {
     onChangeFilter({
@@ -64740,7 +64752,8 @@ const Header$1 = ({ value: value2, onChangeFilter }) => {
     sm: 8,
     lg: 6
   }, /* @__PURE__ */ React__default.createElement(SelectVenueListing, {
-    onChange: handleChangeVenueListing
+    onChange: handleChangeVenueListing,
+    multiVenue
   })))));
 };
 const formatData$4 = (dataToFormat) => {
@@ -87532,6 +87545,10 @@ const Analytics$1 = ({ venueListingId }) => {
     cacheId: `reviews-analytics-${venueListingId}`,
     params: filter
   }, { formatData: formatData$4 });
+  const { data: venues } = useFetch(GetVenueListingsOptions, {
+    cacheId: `venueListing-options`
+  });
+  const multiVenue = (venues == null ? void 0 : venues.total) > 1;
   const comparedPeriod = formatComparedPeriod(filter.compare);
   const period = formatComparedPeriod(filter.range);
   if (error3) {
@@ -87542,7 +87559,8 @@ const Analytics$1 = ({ venueListingId }) => {
   return /* @__PURE__ */ React__default.createElement(LayoutPage$1, {
     header: /* @__PURE__ */ React__default.createElement(Header$1, {
       onChangeFilter: setFilters,
-      value: filter
+      value: filter,
+      multiVenue
     })
   }, /* @__PURE__ */ React__default.createElement("div", null, isLoading && /* @__PURE__ */ React__default.createElement(SkeletonPage, null), !isLoading && /* @__PURE__ */ React__default.createElement(Row$1, {
     gutter: [28, 28]
@@ -88024,6 +88042,113 @@ const MetricCard = ({ value: value2, title: title2 }) => /* @__PURE__ */ React__
 }, /* @__PURE__ */ React__default.createElement("span", {
   className: styles$6.value
 }, value2));
+const GetVenuesSummary = async ({
+  filters: filters2,
+  page = 1,
+  limit = 10
+}) => {
+  const data2 = await instance$1.get(`listing/venue-listing-summary/venues`, {
+    params: {
+      ...formatParams(filters2),
+      limit,
+      offset: (page - 1) * limit
+    }
+  });
+  return formatData(data2);
+};
+const formatParams = (filters2 = {}) => {
+  let all2 = {};
+  if (filters2.connected) {
+    Object.assign(all2, {
+      "filters[platform]": filters2.platform
+    });
+  } else {
+    Object.assign(all2, {
+      "filters[notPlatform]": filters2.platform
+    });
+  }
+  if (filters2.search) {
+    Object.assign(all2, {
+      "filters[name]": filters2.search
+    });
+  }
+  return all2;
+};
+const formatData = (values) => {
+  return values;
+};
+const ModalVenues = ({ onClose: onClose2, open, platform: platform2, connected: connected2 }) => {
+  useTranslation();
+  const [search2, setSearch] = useState("");
+  const [page, updatePage] = useState(1);
+  const navigate = useNavigate();
+  const { data: data2, isLoading, error: error3, isValidating, reload } = useFetch(GetVenuesSummary, {
+    cacheId: "venues-summary",
+    filters: { platform: platform2, connected: connected2, search: search2 },
+    page
+  });
+  if (error3) {
+    return /* @__PURE__ */ React__default.createElement("div", null, error3);
+  }
+  const handleSearch = debounce_1((e3) => setSearch(e3.target.value || ""), 500);
+  const handleNavigate = (id) => {
+    navigate(`/venues/${id}?showBack='true'`);
+  };
+  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
+    title: `Select your venue ${connected2 ? "connected" : "to connect"} to ${platform2}`,
+    open,
+    onCancel: onClose2,
+    width: 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ React__default.createElement(Icon$1, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true
+  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex" }
+  }, /* @__PURE__ */ React__default.createElement(Table, {
+    isLoading: isLoading || isValidating,
+    Header: /* @__PURE__ */ React__default.createElement("div", {
+      style: { display: "flex", justifyContent: "flex-end", marginBottom: "20px" }
+    }, /* @__PURE__ */ React__default.createElement(Input$1, {
+      id: "search",
+      placeholder: "Search",
+      label: "",
+      onChange: handleSearch
+    })),
+    header: [
+      {
+        label: `Name`,
+        id: "name",
+        render: (value2, item2) => {
+          if (platform2) {
+            return /* @__PURE__ */ React__default.createElement("div", {
+              style: {
+                cursor: "pointer",
+                textDecorationLine: "underline"
+              },
+              onClick: () => handleNavigate(item2 == null ? void 0 : item2.id)
+            }, value2);
+          }
+          return /* @__PURE__ */ React__default.createElement("div", null, value2);
+        }
+      },
+      {
+        label: `Address`,
+        id: "address"
+      },
+      {
+        label: `City`,
+        id: "city"
+      }
+    ],
+    page,
+    data: (data2 == null ? void 0 : data2.data) || [],
+    totalElements: data2 == null ? void 0 : data2.total,
+    onChangePage: updatePage
+  }))));
+};
 const singleVenue = async () => {
   return await instance$1.get(`listing/venue-listing-summary/venues`, {
     params: {
@@ -88035,6 +88160,9 @@ const singleVenue = async () => {
 const Summary = () => {
   const { t: t2 } = useTranslation();
   const navigate = useNavigate();
+  const [openModal, setOpenModal] = useState(false);
+  const [platform2, setPlatform] = useState("");
+  const [showConnected, setShowConnected] = useState(false);
   const { data: data2, isLoading, error: error3 } = useFetch(GetVenueListingSummary, {
     cacheId: "sumary"
   });
@@ -88050,11 +88178,15 @@ const Summary = () => {
   if (error3) {
     return /* @__PURE__ */ React__default.createElement("div", null, error3);
   }
-  const handleNavigateConnected = (value2, platform2) => {
-    navigate(`/venues?platform=${platform2}`);
+  const handleNavigateConnected = (value2, platform22) => {
+    setShowConnected(true);
+    setPlatform(platform22);
+    setOpenModal(true);
   };
-  const handleNavigateToConnect = (value2, platform2) => {
-    navigate(`/venues?noPlatform=${platform2}`);
+  const handleNavigateToConnect = (value2, platform22) => {
+    setShowConnected(false);
+    setPlatform(platform22);
+    setOpenModal(true);
   };
   return /* @__PURE__ */ React__default.createElement(LayoutPage$1, null, /* @__PURE__ */ React__default.createElement("div", {
     style: { marginTop: "2rem" }
@@ -88135,43 +88267,12 @@ const Summary = () => {
       }
     ],
     data: (data2 == null ? void 0 : data2.data) || []
-  }))));
-};
-const GetVenuesSummary = async ({
-  filters: filters2,
-  page = 1,
-  limit = 10
-}) => {
-  const data2 = await instance$1.get(`listing/venue-listing-summary/venues`, {
-    params: {
-      ...formatParams(filters2),
-      limit,
-      offset: (page - 1) * limit
-    }
-  });
-  return formatData(data2);
-};
-const formatParams = (filters2 = {}) => {
-  let all2 = {};
-  if (filters2.platform) {
-    Object.assign(all2, {
-      "filters[platform]": filters2.platform
-    });
-  }
-  if (filters2.noPlatform) {
-    Object.assign(all2, {
-      "filters[notPlatform]": filters2.noPlatform
-    });
-  }
-  if (filters2.search) {
-    Object.assign(all2, {
-      "filters[name]": filters2.search
-    });
-  }
-  return all2;
-};
-const formatData = (values) => {
-  return values;
+  })), /* @__PURE__ */ React__default.createElement(ModalVenues, {
+    open: openModal,
+    onClose: () => setOpenModal(false),
+    platform: platform2,
+    connected: showConnected
+  })));
 };
 const CreatetVenueListing = async ({ venueId }) => {
   const data2 = await instance$1.post(`/listing/venue-listing`, {