mozrest-sdk-react-dev 0.1.74 → 0.1.77

package/mozrest-sdk.es.js

@@ -6312,6 +6312,12 @@ const ATMOSPHERE = "Atmosphere";
 const KITCHEN = "Kitchen";
 const SERVICE = "Service";
 const TABLEAVAILABILITY = "Table availability";
+const SYNC = "Sync";
+const SYNCKED = "Synched";
+const ERRORSYNC = "An error ocurred while syncing";
+const SYNCING = "Syncing ...";
+const LASTUPDATE = "Last update";
+const SEARCH = "Search";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6585,7 +6591,13 @@ var en = {
   ATMOSPHERE,
   KITCHEN,
   SERVICE,
-  TABLEAVAILABILITY
+  TABLEAVAILABILITY,
+  SYNC,
+  SYNCKED,
+  ERRORSYNC,
+  SYNCING,
+  LASTUPDATE,
+  SEARCH
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -7561,7 +7573,7 @@ const menu = () => /* @__PURE__ */ React__default.createElement("svg", {
   d: "M18.625 7.75H5.375C5.27083 7.75 5.17708 7.71875 5.09375 7.65625C5.03125 7.57292 5 7.47917 5 7.375V6.375C5 6.27083 5.03125 6.1875 5.09375 6.125C5.17708 6.04167 5.27083 6 5.375 6H18.625C18.7292 6 18.8125 6.04167 18.875 6.125C18.9583 6.1875 19 6.27083 19 6.375V7.375C19 7.47917 18.9583 7.57292 18.875 7.65625C18.8125 7.71875 18.7292 7.75 18.625 7.75ZM18.625 12.75H5.375C5.27083 12.75 5.17708 12.7188 5.09375 12.6562C5.03125 12.5729 5 12.4792 5 12.375V11.375C5 11.2708 5.03125 11.1875 5.09375 11.125C5.17708 11.0417 5.27083 11 5.375 11H18.625C18.7292 11 18.8125 11.0417 18.875 11.125C18.9583 11.1875 19 11.2708 19 11.375V12.375C19 12.4792 18.9583 12.5729 18.875 12.6562C18.8125 12.7188 18.7292 12.75 18.625 12.75ZM18.625 17.75H5.375C5.27083 17.75 5.17708 17.7188 5.09375 17.6562C5.03125 17.5729 5 17.4792 5 17.375V16.375C5 16.2708 5.03125 16.1875 5.09375 16.125C5.17708 16.0417 5.27083 16 5.375 16H18.625C18.7292 16 18.8125 16.0417 18.875 16.125C18.9583 16.1875 19 16.2708 19 16.375V17.375C19 17.4792 18.9583 17.5729 18.875 17.6562C18.8125 17.7188 18.7292 17.75 18.625 17.75Z",
   fill: "currentColor"
 }));
-const close$3 = () => /* @__PURE__ */ React__default.createElement("svg", {
+const close$4 = () => /* @__PURE__ */ React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 18.121 18.121"
 }, /* @__PURE__ */ React__default.createElement("g", {
@@ -8728,7 +8740,7 @@ var icons$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   roundTable,
   linkedin,
   menu,
-  close: close$3,
+  close: close$4,
   home,
   chevronDown,
   chevronRight,
@@ -27712,7 +27724,7 @@ var now_1 = now$1;
 var isObject$c = isObject_1, now = now_1, toNumber = toNumber_1;
 var FUNC_ERROR_TEXT$3 = "Expected a function";
 var nativeMax$3 = Math.max, nativeMin = Math.min;
-function debounce$2(func, wait, options2) {
+function debounce$1(func, wait, options2) {
   var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
   if (typeof func != "function") {
     throw new TypeError(FUNC_ERROR_TEXT$3);
@@ -27793,7 +27805,7 @@ function debounce$2(func, wait, options2) {
   debounced.flush = flush;
   return debounced;
 }
-var debounce_1 = debounce$2;
+var debounce_1 = debounce$1;
 var RowContext = /* @__PURE__ */ createContext({});
 var RowContext$1 = RowContext;
 var __rest$7 = globalThis && globalThis.__rest || function(s2, e3) {
@@ -74873,7 +74885,7 @@ var findIndex_1 = findIndex$2;
 var createFind = _createFind, findIndex$1 = findIndex_1;
 var find2 = createFind(findIndex$1);
 var find_1 = find2;
-var debounce$1 = debounce_1, isObject$1 = isObject_1;
+var debounce = debounce_1, isObject$1 = isObject_1;
 var FUNC_ERROR_TEXT = "Expected a function";
 function throttle(func, wait, options2) {
   var leading = true, trailing = true;
@@ -74884,7 +74896,7 @@ function throttle(func, wait, options2) {
     leading = "leading" in options2 ? !!options2.leading : leading;
     trailing = "trailing" in options2 ? !!options2.trailing : trailing;
   }
-  return debounce$1(func, wait, {
+  return debounce(func, wait, {
     "leading": leading,
     "maxWait": wait,
     "trailing": trailing
@@ -78540,8 +78552,8 @@ const GetListingCategories = async () => {
   });
   return data2;
 };
-const container$q = "_container_gdpqk_1";
-const footer$8 = "_footer_gdpqk_5";
+const container$q = "_container_d8rq4_1";
+const footer$8 = "_footer_d8rq4_5";
 var styles$Y = {
   container: container$q,
   footer: footer$8
@@ -78561,8 +78573,8 @@ const Form$a = ({
   });
   const { isExecuting, execute } = useService(UpdateVenueListing, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -78620,10 +78632,15 @@ const Form$a = ({
   })))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$Y.footer
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const Description = ({
   values,
@@ -79612,11 +79629,10 @@ const FbButton$1 = ({
       style: {
         color: "gray",
         padding: ".5rem"
-      },
-      isLoading: isDisconnecting
+      }
     }, /* @__PURE__ */ React__default.createElement("span", {
       className: styles$X.connectedText
-    }, t2("CONNECTED")), /* @__PURE__ */ React__default.createElement("span", {
+    }, isDisconnecting ? t2("SYNCING") : t2("SYNCKED")), /* @__PURE__ */ React__default.createElement("span", {
       className: styles$X.connectedCheck
     }, /* @__PURE__ */ React__default.createElement("img", {
       src: Check,
@@ -84384,16 +84400,15 @@ const GoogleButton$1 = ({
       mode: "tertiary",
       type: "button",
       onClick: handleDisconect,
-      style: { color: "gray", padding: ".5rem" },
-      isLoading: isDisconnecting
-    }, /* @__PURE__ */ React__default.createElement("span", {
+      style: { color: "gray", padding: ".5rem" }
+    }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", {
       className: styles$W.connectedText
-    }, t2("CONNECTED")), /* @__PURE__ */ React__default.createElement("span", {
+    }, isDisconnecting ? t2("SYNCING") : t2("SYNCKED")), /* @__PURE__ */ React__default.createElement("span", {
       className: styles$W.connectedCheck
     }, /* @__PURE__ */ React__default.createElement("img", {
       src: Check,
       alt: "Connected"
-    })));
+    }))));
   }
   return /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
@@ -84451,7 +84466,7 @@ const BingButton$1 = ({
         width: "20"
       }), /* @__PURE__ */ React__default.createElement("span", {
         className: styles$V.connectedText
-      }, t2("CONNECTED")), /* @__PURE__ */ React__default.createElement("span", {
+      }, t2("SYNCKED")), /* @__PURE__ */ React__default.createElement("span", {
         className: styles$V.connectedCheck
       }, /* @__PURE__ */ React__default.createElement("img", {
         src: Check,
@@ -84565,26 +84580,8 @@ var styles$U = {
   buttonGroup,
   venueSelector
 };
-const PublishVenueListing = async ({
-  venueListingId,
-  accessToken,
-  platform: platform2
-}) => {
-  const response = await instance$1.post(`/listing/venue-listing/${venueListingId}/publish/${platform2}`, {}, {
-    headers: {
-      Authorization: `Bearer ${accessToken}`
-    }
-  });
-  if ((response == null ? void 0 : response.published) !== "true") {
-    return { error: response };
-  } else {
-    return { data: response };
-  }
-};
 const FormToolBar = ({
   venueId,
-  venueListingId,
-  onReload,
   singleVenue: singleVenue2,
   data: data2,
   setfbResponse,
@@ -84592,50 +84589,17 @@ const FormToolBar = ({
   onDisconnect,
   onConnect,
   onOnboarding,
-  onPublishing,
   onFreemium,
   onBingVerify,
   onBingConnect,
-  setGooglePublishing,
-  setFacebookPublishing,
-  setGoogleErrors,
-  setFacebookErrors,
-  onAppleConnectModal
+  googlePublishing,
+  facebookPublishing
 }) => {
   const { t: t2 } = useTranslation();
   const navigate = useNavigate();
-  const { showMessageError } = useMessage();
   const { FacebookConnected, GoogleConnected, BingConnected, AppleConnected, reload, isLoading: loadingConnections } = useConnect({
     venueId
   });
-  const { execute: publishGoogle, isExecuting: isPublishingGoogle, error: errorGoogle, data: rGoogle } = useService(PublishVenueListing);
-  const { execute: publishFacebook, isExecuting: isPublishingFacebook, error: errorFacebook, data: responseFacebook } = useService(PublishVenueListing);
-  const handlePublish = async () => {
-    var _a2;
-    onPublishing();
-    if (!((_a2 = data2 == null ? void 0 : data2.mainCategory) == null ? void 0 : _a2.id)) {
-      showMessageError("Main category is required");
-      return;
-    }
-    setGooglePublishing("in_progress");
-    setFacebookPublishing("waiting");
-    const googleResponse = await publishGoogle({ venueListingId, platform: "google" });
-    if (errorGoogle !== void 0 && googleResponse === void 0) {
-      setGooglePublishing("error");
-      setGoogleErrors(errorGoogle);
-    } else {
-      setGooglePublishing("success");
-    }
-    setFacebookPublishing("in_progress");
-    const facebookResponse = await publishFacebook({ venueListingId, platform: "facebook" });
-    if (errorFacebook !== void 0 && facebookResponse === void 0) {
-      setFacebookPublishing("error");
-      setFacebookErrors(errorFacebook);
-    } else {
-      setFacebookPublishing("success");
-    }
-    onReload();
-  };
   const reloadConnect = () => {
     reload();
   };
@@ -84658,24 +84622,15 @@ const FormToolBar = ({
     venueId,
     isConnected: GoogleConnected,
     reload: reloadConnect,
-    onDisconnect
-  }), /* @__PURE__ */ React__default.createElement(Button$3, {
-    size: "small",
-    icon: "apple",
-    mode: "tertiary",
-    type: "button",
-    onClick: () => onAppleConnectModal(),
-    style: {
-      padding: ".5rem"
-    }
-  }, /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$U.connectedText
-  }, t2("CONNECT"))), /* @__PURE__ */ React__default.createElement(FbButton$1, {
+    onDisconnect,
+    isDisconnecting: googlePublishing === "in_progress"
+  }), /* @__PURE__ */ React__default.createElement(FbButton$1, {
     onSuccess: setfbResponse,
     isConnected: FacebookConnected,
     reload: reloadConnect,
     venueId,
-    onDisconnect
+    onDisconnect,
+    isDisconnecting: facebookPublishing === "in_progress"
   }), /* @__PURE__ */ React__default.createElement(BingButton$1, {
     venueId,
     bingVerificationCode: data2.bingVerificationCode,
@@ -84690,13 +84645,11 @@ const FormToolBar = ({
     size: "small",
     onClick: () => data2.license ? onOnboarding() : onFreemium(),
     type: "button"
-  }, t2("CONNECT")), !singleVenue2 && (GoogleConnected || FacebookConnected || BingConnected) && data2.license && /* @__PURE__ */ React__default.createElement(Button$3, {
-    size: "small",
-    onClick: handlePublish,
-    isLoading: isPublishingGoogle && isPublishingFacebook,
-    disabled: data2.status === "published",
-    type: "button"
-  }, t2("PUBLISH"))), /* @__PURE__ */ React__default.createElement("div", {
+  }, t2("CONNECT")), (GoogleConnected || FacebookConnected || BingConnected) && /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", color: "gray", gap: 3 }
+  }, /* @__PURE__ */ React__default.createElement("p", {
+    style: { fontWeight: "bolder" }
+  }, t2("LASTUPDATE"), ":"), /* @__PURE__ */ React__default.createElement("p", null, hooks(data2.lastUpdate).fromNow()))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$U.buttonGroup
   }, !singleVenue2 && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$U.buttonGroup
@@ -84706,13 +84659,7 @@ const FormToolBar = ({
     onChange: handleChangeVenue,
     selectedVenue: venueId,
     showLabel: false
-  }))), singleVenue2 && (GoogleConnected || FacebookConnected || BingConnected) && data2.license && /* @__PURE__ */ React__default.createElement(Button$3, {
-    size: "small",
-    onClick: handlePublish,
-    isLoading: isPublishingGoogle && isPublishingFacebook,
-    disabled: data2.status === "published",
-    type: "button"
-  }, t2("PUBLISH"))))));
+  })))))));
 };
 const mapcontainer = "_mapcontainer_1eyjs_1";
 var styles$T = {
@@ -90955,10 +90902,10 @@ const AddressAutoComplete = () => {
     onClickItem: onSelectSuggestion
   })));
 };
-const form$3 = "_form_1r4wm_1";
-const form__row1 = "_form__row1_1r4wm_8";
-const form__row2 = "_form__row2_1r4wm_18";
-const footer$7 = "_footer_1r4wm_29";
+const form$3 = "_form_7ju6w_1";
+const form__row1 = "_form__row1_7ju6w_8";
+const form__row2 = "_form__row2_7ju6w_18";
+const footer$7 = "_footer_7ju6w_29";
 var styles$Q = {
   form: form$3,
   form__row1,
@@ -90975,8 +90922,8 @@ const Form$9 = ({
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateVenueListing, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -91015,10 +90962,15 @@ const Form$9 = ({
   }, t2("")), /* @__PURE__ */ React__default.createElement(MapField, null))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$Q.footer
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const Location = ({
   values,
@@ -91172,13 +91124,13 @@ const TimeSlotField = ({ id: id2, type: type4 = "time" }) => {
 };
 const container$n = "_container_191ph_1";
 const slot$6 = "_slot_191ph_8";
-const close$2 = "_close_191ph_14";
+const close$3 = "_close_191ph_14";
 const add$2 = "_add_191ph_28";
 const plus$2 = "_plus_191ph_42";
 var styles$N = {
   container: container$n,
   slot: slot$6,
-  close: close$2,
+  close: close$3,
   add: add$2,
   plus: plus$2
 };
@@ -91377,8 +91329,8 @@ const formarSpecialHours$1 = ({ specialHours }) => {
     specialHours: data2
   };
 };
-const form$2 = "_form_1sml0_1";
-const footer$6 = "_footer_1sml0_5";
+const form$2 = "_form_17xjl_1";
+const footer$6 = "_footer_17xjl_5";
 var styles$J = {
   form: form$2,
   footer: footer$6
@@ -91393,8 +91345,8 @@ const Form$8 = ({
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateVenueListingHours, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -91416,10 +91368,15 @@ const Form$8 = ({
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$J.footer
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const OpeningHours = ({
   values,
@@ -91884,63 +91841,10 @@ const formatName = ({ name, onlyFor }) => {
   }
   return `${name}`;
 };
-var functionDebounce = debounce;
-function debounce(fn, wait, callFirst) {
-  var timeout = null;
-  var debouncedFn = null;
-  var clear = function() {
-    if (timeout) {
-      clearTimeout(timeout);
-      debouncedFn = null;
-      timeout = null;
-    }
-  };
-  var flush = function() {
-    var call2 = debouncedFn;
-    clear();
-    if (call2) {
-      call2();
-    }
-  };
-  var debounceWrapper = function() {
-    if (!wait) {
-      return fn.apply(this, arguments);
-    }
-    var context = this;
-    var args = arguments;
-    var callNow = callFirst && !timeout;
-    clear();
-    debouncedFn = function() {
-      fn.apply(context, args);
-    };
-    timeout = setTimeout(function() {
-      timeout = null;
-      if (!callNow) {
-        var call2 = debouncedFn;
-        debouncedFn = null;
-        return call2();
-      }
-    }, wait);
-    if (callNow) {
-      return debouncedFn();
-    }
-  };
-  debounceWrapper.cancel = clear;
-  debounceWrapper.flush = flush;
-  return debounceWrapper;
-}
 const container$h = "_container_9ml9s_1";
 var styles$G = {
   container: container$h
 };
-const AutoSave = ({ debounceMs }) => {
-  const formik = useFormikContext();
-  const debouncedSubmit = React__default.useCallback(functionDebounce(() => formik.submitForm(), debounceMs), [debounceMs, formik.submitForm]);
-  React__default.useEffect(() => {
-    debouncedSubmit();
-  }, [debouncedSubmit, formik.values]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
-};
 const Form$7 = ({
   open,
   onCloseForm,
@@ -91955,8 +91859,11 @@ const Form$7 = ({
     cacheId: "listingAttributes"
   });
   const cleanAttributes = attributes2 == null ? void 0 : attributes2.filter((a2) => a2.title !== "Place page URLs");
-  const { execute } = useService(UpdateVenueListing, {
-    onSuccess: reload
+  const { execute, isExecuting } = useService(UpdateVenueListing, {
+    onSuccess: async () => {
+      onCloseForm();
+      await reload();
+    }
   });
   const handleSubmit = (data2) => {
     execute({ venueListingId, data: data2 });
@@ -91977,9 +91884,7 @@ const Form$7 = ({
     onSubmit: handleSubmit
   }, /* @__PURE__ */ React__default.createElement(Form$c, null, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$G.container
-  }, /* @__PURE__ */ React__default.createElement(AutoSave, {
-    debounceMs: 600
-  }), /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -92001,7 +91906,24 @@ const Form$7 = ({
         attributes: extraFields
       }));
     }
-  }))))));
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      marginTop: "1rem",
+      gap: 10
+    }
+  }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "submit",
+    disabled: isExecuting
+  }, t2("SYNC")))))));
 };
 const Attributes = ({
   values,
@@ -92053,8 +91975,8 @@ const Form$6 = ({
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateVenueListing, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -92084,13 +92006,19 @@ const Form$6 = ({
       display: "flex",
       justifyContent: "flex-end",
       alignItems: "center",
-      marginTop: "1rem"
+      marginTop: "1rem",
+      gap: 10
     }
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const Contact = ({
   values,
@@ -92111,8 +92039,8 @@ const Contact = ({
     reload
   }));
 };
-const container$g = "_container_vau7j_1";
-const footer$5 = "_footer_vau7j_6";
+const container$g = "_container_1q4zb_1";
+const footer$5 = "_footer_1q4zb_6";
 var styles$F = {
   container: container$g,
   footer: footer$5
@@ -93620,8 +93548,8 @@ const Form$5 = ({
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateVenueListingMedia, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -93639,10 +93567,15 @@ const Form$5 = ({
   }, /* @__PURE__ */ React__default.createElement(MediaPage, null)), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$F.footer
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const MediaCard = ({ values, onClickEdit }) => {
   var _a2;
@@ -93771,8 +93704,8 @@ const Form$4 = ({
   const attrLinks = (attributes2 == null ? void 0 : attributes2.length) > 0 ? (_a2 = attributes2.find((a2) => a2.title === "Place page URLs")) == null ? void 0 : _a2.openDefault : null;
   const { isExecuting, execute } = useService(UpdateVenueListing, {
     onSuccess: async () => {
-      await reload();
       onCloseForm();
+      await reload();
     }
   });
   const handleSubmit = (data2) => {
@@ -93819,13 +93752,19 @@ const Form$4 = ({
       display: "flex",
       justifyContent: "flex-end",
       alignItems: "center",
-      marginTop: "1rem"
+      marginTop: "1rem",
+      gap: 10
     }
   }, /* @__PURE__ */ React__default.createElement(Button$3, {
+    size: "small",
+    type: "reset",
+    disabled: isExecuting,
+    onClick: onCloseForm
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button$3, {
     size: "small",
     type: "submit",
-    isLoading: isExecuting
-  }, t2("SAVE"))))));
+    disabled: isExecuting
+  }, t2("SYNC"))))));
 };
 const Links = ({ values, venueListingId, reload }) => {
   const [openForm, setOpenForm] = useState(false);
@@ -93878,14 +93817,16 @@ const Account = ({ name, onClick, selected }) => {
     onClick
   }, name);
 };
-const selectAccount$1 = "_selectAccount_1jze1_1";
-const selectAccount__title$1 = "_selectAccount__title_1jze1_7";
-const account$1 = "_account_1jze1_12";
+const selectAccount$1 = "_selectAccount_1cl8x_1";
+const selectAccount__title$1 = "_selectAccount__title_1cl8x_7";
+const account$1 = "_account_1cl8x_12";
+const close$2 = "_close_1cl8x_27";
 var styles$w = {
   selectAccount: selectAccount$1,
   selectAccount__title: selectAccount__title$1,
   account: account$1,
-  "account--selected": "_account--selected_1jze1_23"
+  "account--selected": "_account--selected_1cl8x_23",
+  close: close$2
 };
 const SelectAccount$1 = ({
   accounts,
@@ -93893,15 +93834,42 @@ const SelectAccount$1 = ({
   isLoading
 }) => {
   const { t: t2 } = useTranslation();
+  const [searchValue, setSearchValue] = useState("");
   const [selectedAccount, setSelectedAccount] = useState();
+  const [filteredAccounts, setFilteredAccounts] = useState([]);
   const onSelectAccount = (value2) => {
     setSelectedAccount(value2);
   };
+  const handleSearchAccount = (e3) => {
+    setSearchValue(e3.target.value);
+    setFilteredAccounts(accounts.filter((a2) => a2.title.toLowerCase().includes(e3.target.value)));
+  };
+  useEffect(() => {
+    setFilteredAccounts(accounts);
+  }, [accounts]);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$w.selectAccount
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$w.selectAccount__title
-  }, "Select an account"), /* @__PURE__ */ React__default.createElement("div", null, "Please select an accout that you want to connect to Google"), /* @__PURE__ */ React__default.createElement("br", null), accounts.map((account2) => {
+  }, "Select an account"), /* @__PURE__ */ React__default.createElement("div", null, "Please select an accout that you want to connect to Google"), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: 30, alignItems: "center" }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { flex: 1 }
+  }, /* @__PURE__ */ React__default.createElement(Input$1, {
+    id: "table-name",
+    label: t2("SEARCH"),
+    type: "text",
+    value: searchValue,
+    placeholder: "Search ....",
+    onChange: (e3) => handleSearchAccount(e3)
+  })), searchValue && searchValue.length > 0 && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("button", {
+    className: styles$w.close,
+    type: "button",
+    onClick: () => {
+      setSearchValue("");
+      setFilteredAccounts(accounts);
+    }
+  }, "X"))), /* @__PURE__ */ React__default.createElement("br", null), filteredAccounts.map((account2) => {
     return /* @__PURE__ */ React__default.createElement(Account, {
       key: account2.name,
       name: account2.title,
@@ -94430,12 +94398,12 @@ const PopulateListing = async ({
     data: data2
   };
 };
-const centered = "_centered_19bv2_9";
-const channels = "_channels_19bv2_15";
-const loader = "_loader_19bv2_29";
-const check = "_check_19bv2_33";
-const error2 = "_error_19bv2_36";
-const footer$3 = "_footer_19bv2_40";
+const centered = "_centered_34lsg_7";
+const channels = "_channels_34lsg_13";
+const loader = "_loader_34lsg_27";
+const check = "_check_34lsg_31";
+const error2 = "_error_34lsg_34";
+const footer$3 = "_footer_34lsg_38";
 var styles$p = {
   centered,
   channels,
@@ -94454,7 +94422,7 @@ const ModalPublish = ({
   facebookPublishing,
   facebookErrors = null
 }) => {
-  useTranslation();
+  const { t: t2 } = useTranslation();
   const { FacebookConnected, GoogleConnected, BingConnected } = useConnect({
     venueId
   });
@@ -94467,7 +94435,7 @@ const ModalPublish = ({
     centered: true,
     zIndex: 1e3,
     className: "moz"
-  }, /* @__PURE__ */ React__default.createElement("h2", null, "Submitting information"), /* @__PURE__ */ React__default.createElement("ul", {
+  }, /* @__PURE__ */ React__default.createElement("h2", null, t2("ERRORSYNC")), /* @__PURE__ */ React__default.createElement("ul", {
     className: styles$p.channels
   }, GoogleConnected && /* @__PURE__ */ React__default.createElement("li", {
     className: styles$p.channelsLi
@@ -94662,6 +94630,22 @@ const ModalAppleConnect = ({ onClose: onClose2, open }) => {
     zIndex: 1032
   }, /* @__PURE__ */ React__default.createElement("h2", null, "Getting Started"), /* @__PURE__ */ React__default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae consectetur arcu. Aliquam bibendum eget ex vel feugiat. Morbi ullamcorper lacinia tincidunt. Mauris elementum et nunc vel gravida. Aliquam erat volutpat."));
 };
+const PublishVenueListing = async ({
+  venueListingId,
+  accessToken,
+  platform: platform2
+}) => {
+  const response = await instance$1.post(`/listing/venue-listing/${venueListingId}/publish/${platform2}`, {}, {
+    headers: {
+      Authorization: `Bearer ${accessToken}`
+    }
+  });
+  if ((response == null ? void 0 : response.published) !== "true") {
+    return { error: response };
+  } else {
+    return { data: response };
+  }
+};
 const VenueListingDetail = ({
   venueListingId,
   singleVenue: singleVenue2
@@ -94678,17 +94662,19 @@ const VenueListingDetail = ({
   const clearModuleToDisconnect = () => setModuleToDisconnect(void 0);
   const clearModuleToConnect = () => setModuleToConnect(void 0);
   const [showAppleConnectModal, setShowAppleConnectModal] = useState(false);
-  const onAppleConnectModal = () => setShowAppleConnectModal(true);
   const [googlePublishing, setGooglePublishing] = useState();
   const [facebookPublishing, setFacebookPublishing] = useState();
   const [googleErrors, setGoogleErrors] = useState();
   const [facebookErrors, setFacebookErrors] = useState();
+  const { showMessageError } = useMessage();
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetVenueListing, {
     cacheId: `venue-listing-${venueListingId}`,
     venueListingId
   });
   const venueId = data2 == null ? void 0 : data2.venueId;
   const { reload: _reloadConnect } = useConnect({ venueId });
+  const { execute: publishGoogle, isExecuting: isPublishingGoogle, error: errorGoogle, data: rGoogle } = useService(PublishVenueListing);
+  const { execute: publishFacebook, isExecuting: isPublishingFacebook, error: errorFacebook, data: responseFacebook } = useService(PublishVenueListing);
   const reloadConnect = () => {
     handlePopulate();
     _reloadConnect();
@@ -94734,6 +94720,32 @@ const VenueListingDetail = ({
       }
     });
   };
+  const handleOnPublish = async () => {
+    var _a2;
+    setOpenPublishModal(true);
+    if (!((_a2 = data2 == null ? void 0 : data2.mainCategory) == null ? void 0 : _a2.id)) {
+      showMessageError("Main category is required");
+      return;
+    }
+    setGooglePublishing("in_progress");
+    setFacebookPublishing("waiting");
+    const googleResponse2 = await publishGoogle({ venueListingId, platform: "google" });
+    if (errorGoogle !== void 0 && googleResponse2 === void 0) {
+      setGooglePublishing("error");
+      setGoogleErrors(errorGoogle);
+    } else {
+      setGooglePublishing("success");
+    }
+    setFacebookPublishing("in_progress");
+    const facebookResponse = await publishFacebook({ venueListingId, platform: "facebook" });
+    if (errorFacebook !== void 0 && facebookResponse === void 0) {
+      setFacebookPublishing("error");
+      setFacebookErrors(errorFacebook);
+    } else {
+      setFacebookPublishing("success");
+    }
+    await reload();
+  };
   if (isLoading) {
     return /* @__PURE__ */ React__default.createElement(SkeletonPage, null);
   }
@@ -94756,8 +94768,6 @@ const VenueListingDetail = ({
   return /* @__PURE__ */ React__default.createElement(LayoutPage$1, {
     header: /* @__PURE__ */ React__default.createElement(FormToolBar, {
       venueId,
-      venueListingId,
-      onReload: reload,
       singleVenue: singleVenue2,
       data: data2,
       setfbResponse,
@@ -94765,15 +94775,11 @@ const VenueListingDetail = ({
       onDisconnect: setModuleToDisconnect,
       onConnect: setModuleToConnect,
       onOnboarding: () => setOpenOnboarding(true),
-      onPublishing: () => setOpenPublishModal(true),
       onFreemium: () => setOpenFreemiumModal(true),
       onBingVerify: () => setOpenBingModal(true),
       onBingConnect: () => setOpenBingConnectModal(true),
-      setGooglePublishing,
-      setFacebookPublishing,
-      setGoogleErrors,
-      setFacebookErrors,
-      onAppleConnectModal
+      googlePublishing,
+      facebookPublishing
     })
   }, /* @__PURE__ */ React__default.createElement(Masonry, {
     breakpointCols: {
@@ -94785,35 +94791,35 @@ const VenueListingDetail = ({
     columnClassName: styles$y["my-masonry-grid_column"]
   }, /* @__PURE__ */ React__default.createElement(Description, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   }), /* @__PURE__ */ React__default.createElement(Location, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   }), /* @__PURE__ */ React__default.createElement(OpeningHours, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId,
     handleOpenForBussiness,
     temporarilyClosed: data2.openForBusiness === "CLOSED_TEMPORARILY"
   }), /* @__PURE__ */ React__default.createElement(Attributes, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   }), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Contact, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   }), /* @__PURE__ */ React__default.createElement("div", {
     style: { height: 40 }
   }), /* @__PURE__ */ React__default.createElement(Links, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   })), /* @__PURE__ */ React__default.createElement(Media, {
     values: data2,
-    reload,
+    reload: handleOnPublish,
     venueListingId
   })), /* @__PURE__ */ React__default.createElement(ModalConfirmation, {
     message: getAction(moduleToDisconnect),
@@ -94850,7 +94856,7 @@ const VenueListingDetail = ({
     open: showAppleConnectModal
   }), /* @__PURE__ */ React__default.createElement(ModalPublish, {
     onClose: closePublishModal,
-    open: Boolean(openPublishModal),
+    open: Boolean(googleErrors || facebookErrors),
     venueId,
     googlePublishing,
     googleErrors,