bitsnap-react 1.3.4 → 1.3.6

package/dist/index.js

@@ -4317,10 +4317,24 @@ function reducer(state, action) {
       return state;
   }
 }
-function NotificationsComponentPublic(props) {
-  var _a, _b, _c, _d;
+function NotificationsComponentPublic({
+  slug: slugProp,
+  userID,
+  productID: _productID,
+  projectName,
+  projectLogo,
+  projectLogoDark,
+  groups,
+  isManaging = false,
+  texts,
+  showQRCode = false,
+  showPhoneInput = false,
+  hiddenGroupIds = [],
+  className
+}) {
+  var _a, _b, _c;
   const [parent] = (0, import_react20.useAutoAnimate)();
-  let slug = (_b = (_a = props.slug) != null ? _a : getProjectID()) != null ? _b : typeof window !== "undefined" ? window.location.hostname : "";
+  let slug = (_a = slugProp != null ? slugProp : getProjectID()) != null ? _a : typeof window !== "undefined" ? window.location.hostname : "";
   const { mutateAsync: updateUserGroups2, isPending: isUpdating } = useMutation3(
     rpcProvider.notifications.updateUserGroups
   );
@@ -4349,9 +4363,9 @@ function NotificationsComponentPublic(props) {
     isLoading: isGroupsDownloading,
     isUserGroupsUpdated: false,
     wasChanged: false,
-    groupsProvided: props.groups,
+    groupsProvided: groups,
     groups: [],
-    showSettings: userInfo != null && props.isManaging == true,
+    showSettings: userInfo != null && isManaging == true,
     isLoggedIn: userInfo != null,
     userID: void 0
   });
@@ -4364,10 +4378,10 @@ function NotificationsComponentPublic(props) {
       value: (userInfo == null ? void 0 : userInfo.accessToken) != null
     });
     dispatch({ type: "SET_USER_ID", value: userInfo == null ? void 0 : userInfo.userID });
-    if ((userInfo == null ? void 0 : userInfo.accessToken) != null && props.isManaging == true) {
+    if ((userInfo == null ? void 0 : userInfo.accessToken) != null && isManaging == true) {
       dispatch({ type: "SHOW_SETTINGS" });
     }
-  }, [userInfo, props.isManaging]);
+  }, [userInfo, isManaging]);
   (0, import_react19.useEffect)(() => {
     if (groupsDownloaded == null) {
       return;
@@ -4395,11 +4409,10 @@ function NotificationsComponentPublic(props) {
       };
     });
     dispatch({ type: "SET_GROUPS", value: newGroups });
-  }, [groupsDownloaded, isGroupsDownloading, props.groups]);
+  }, [groupsDownloaded, isGroupsDownloading, groups]);
   const timeoutRef = (0, import_react19.useRef)(null);
   (0, import_react19.useEffect)(() => {
-    var _a2;
-    let preparedGroups = (_a2 = props.groups) == null ? void 0 : _a2.map((el) => {
+    let preparedGroups = groups == null ? void 0 : groups.map((el) => {
       if (el.id.startsWith("group_")) {
         return el;
       }
@@ -4407,20 +4420,13 @@ function NotificationsComponentPublic(props) {
       return el;
     });
     dispatch({ type: "SET_PUBLIC_GROUPS", value: preparedGroups });
-  }, [props.groups]);
-  const {
-    texts,
-    showQRCode = false,
-    showPhoneInput = false,
-    hiddenGroupIds = [],
-    className
-  } = props;
+  }, [groups]);
   const mergedTexts = { ...DEFAULT_TEXTS, ...texts };
   async function updateGroups() {
     await updateUserGroups2({
       accessToken: userInfo == null ? void 0 : userInfo.accessToken,
       slug,
-      userId: props.userID,
+      userId: userID,
       groupIds: state.groups.filter((el) => el.isOn === true).map((el) => el.id)
     });
     dispatch({ type: "RESET_UPDATE_STATE" });
@@ -4451,18 +4457,18 @@ function NotificationsComponentPublic(props) {
     dispatch({ type: "SET_IS_LOGGED_IN", value: false });
     dispatch({ type: "HIDE_SETTINGS" });
   }
-  async function handleLoginSuccess(userID, accessToken) {
+  async function handleLoginSuccess(userID2, accessToken) {
     if (typeof window !== "undefined") {
       localStorage.setItem("notifications_accessToken", accessToken);
-      if (userID != null) {
-        localStorage.setItem("notifications_userID", userID);
+      if (userID2 != null) {
+        localStorage.setItem("notifications_userID", userID2);
       }
     }
-    dispatch({ type: "SET_USER_ID", value: userID });
+    dispatch({ type: "SET_USER_ID", value: userID2 });
     try {
       await refetchAccessToken();
       refetchGroups().then().catch().finally(() => {
-        if (props.isManaging == true) {
+        if (isManaging == true) {
           dispatch({ type: "SHOW_SETTINGS" });
         }
       });
@@ -4477,10 +4483,10 @@ function NotificationsComponentPublic(props) {
       }
     };
   }, []);
-  const isManagingEnabled = props.isManaging == true && state.userID != null && (userInfo == null ? void 0 : userInfo.accessToken) != null;
+  const isManagingEnabled = isManaging == true && state.userID != null && (userInfo == null ? void 0 : userInfo.accessToken) != null;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("main", { className: cn("bitsnap-checkout relative", className == null ? void 0 : className.container), children: [
     mergedTexts.title != null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h1", { className: "text-2xl font-semibold text-black md:text-3xl lg:text-4xl xl:text-5xl dark:text-neutral-100", children: mergedTexts.title }),
-    !state.showSettings && props.isManaging && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    !state.showSettings && isManaging && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       Button,
       {
         onClick: handleSettingsClick,
@@ -4513,9 +4519,9 @@ function NotificationsComponentPublic(props) {
                   /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     NotificationHeader,
                     {
-                      projectName: props.projectName,
-                      projectLogo: props.projectLogo,
-                      projectLogoDark: props.projectLogoDark,
+                      projectName,
+                      projectLogo,
+                      projectLogoDark,
                       description: mergedTexts.managingDescription,
                       className,
                       onLogout: handleLogout
@@ -4527,7 +4533,7 @@ function NotificationsComponentPublic(props) {
                     {
                       groups: state.groups,
                       hiddenGroupIds,
-                      isManaging: props.isManaging,
+                      isManaging,
                       onToggle: toggleGroup,
                       onCheckAll: checkAllGroups,
                       onUpdate: updateGroups,
@@ -4542,9 +4548,9 @@ function NotificationsComponentPublic(props) {
                 isManagingEnabled && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   ManageMyData,
                   {
-                    accessToken: (_c = userInfo.accessToken) != null ? _c : "",
+                    accessToken: (_b = userInfo.accessToken) != null ? _b : "",
                     slug,
-                    userID: (_d = state.userID) != null ? _d : "",
+                    userID: (_c = state.userID) != null ? _c : "",
                     className,
                     texts: mergedTexts
                   }
@@ -4573,9 +4579,9 @@ function NotificationsComponentPublic(props) {
               onCheckAll: () => {
                 dispatch({ type: "CHECK_ALL_GROUPS" });
               },
-              onSuccess: (userAlreadyExists, userID, accessToken) => {
+              onSuccess: (userAlreadyExists, userID2, accessToken) => {
                 if (accessToken != null) {
-                  handleLoginSuccess(userID, accessToken);
+                  handleLoginSuccess(userID2, accessToken);
                 }
                 if (userAlreadyExists) {
                   dispatch({ type: "SHOW_SETTINGS" });
@@ -4605,8 +4611,39 @@ function NotificationsComponentPublic(props) {
     )
   ] });
 }
-function Wrapper3(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RpcProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(NotificationsComponentPublic, { ...props }) });
+function Wrapper3({
+  slug,
+  userID,
+  productID,
+  projectName,
+  projectLogo,
+  projectLogoDark,
+  groups,
+  isManaging,
+  texts,
+  showQRCode,
+  showPhoneInput,
+  hiddenGroupIds,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RpcProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    NotificationsComponentPublic,
+    {
+      slug,
+      userID,
+      productID,
+      projectName,
+      projectLogo,
+      projectLogoDark,
+      groups,
+      isManaging,
+      texts,
+      showQRCode,
+      showPhoneInput,
+      hiddenGroupIds,
+      className
+    }
+  ) });
 }
 var NotificationsComponentPublic_default = Wrapper3;
 // Annotate the CommonJS export names for ESM import in node: