@pradip1995/segment-login-popup 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-login-popup",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -16,12 +16,9 @@
     "./manifest": "./src/manifest.ts",
     "./provider": "./src/login-popup-provider.tsx",
     "./required": "./src/login-required-modal.tsx",
+    "./request-login": "./src/request-login.ts",
     "./types": "./src/types.ts"
   },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "lint": "tsc --noEmit"
-  },
   "peerDependencies": {
     "@pradip1995/commerce-auth": "^4.0.0",
     "@pradip1995/commerce-core": "^4.0.0",
@@ -42,5 +39,10 @@
     "@types/react": "^19",
     "react": "19.0.3",
     "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "test": "node --experimental-strip-types --test src/*.test.ts"
   }
-}
+}

package/src/index.ts

@@ -6,6 +6,12 @@ export {
   useLoginPopup,
 } from "./login-popup-provider"
 export { default as LoginRequiredModal } from "./login-required-modal"
+export {
+  LOGIN_POPUP_OPEN_EVENT,
+  isAuthRequiredError,
+  promptLoginForWishlist,
+  requestLoginPopup,
+} from "./request-login"
 export {
   DEFAULT_LOGIN_POPUP_FEATURE_CARDS,
   normalizeLoginPopupConfig,

package/src/login-popup-provider.tsx

@@ -15,6 +15,7 @@ import {
   normalizeLoginPopupConfig,
   type LoginPopupConfig,
 } from "./types"
+import { LOGIN_POPUP_OPEN_EVENT } from "./request-login"
 
 type LoginPopupContextValue = {
   isPopupOpen: boolean
@@ -77,6 +78,18 @@ export function LoginPopupProvider({
     setIsPopupOpen(true)
   }, [])
 
+  useEffect(() => {
+    if (isLoggedIn) return
+
+    const onOpen = (event: Event) => {
+      event.preventDefault()
+      setIsPopupOpen(true)
+    }
+
+    window.addEventListener(LOGIN_POPUP_OPEN_EVENT, onOpen)
+    return () => window.removeEventListener(LOGIN_POPUP_OPEN_EVENT, onOpen)
+  }, [isLoggedIn])
+
   useEffect(() => {
     setHydrated(true)
     document.body.classList.remove("login-popup-open")

package/src/login-required-modal.tsx

@@ -6,6 +6,12 @@ import {
   GOOGLE_LOGIN_COUNTRY_CODE_KEY,
 } from "@pradip1995/commerce-auth/util/google-auth-client"
 
+export {
+  isAuthRequiredError,
+  promptLoginForWishlist,
+  requestLoginPopup,
+} from "./request-login"
+
 type LoginRequiredModalProps = {
   isOpen: boolean
   onClose: () => void

package/src/request-login.test.ts

@@ -0,0 +1,27 @@
+import assert from "node:assert/strict"
+import { describe, it } from "node:test"
+import { isAuthRequiredError } from "./request-login.ts"
+
+const CASES: Array<{
+  name: string
+  error: string | null | undefined
+  want: boolean
+}> = [
+  { name: "login in please login message", error: "Please login to add items to wishlist.", want: true },
+  { name: "login required", error: "Login required", want: true },
+  { name: "unauthorized", error: "Unauthorized: No valid session found", want: true },
+  { name: "unauthorised spelling", error: "Unauthorised", want: true },
+  { name: "not authenticated", error: "Not authenticated", want: true },
+  { name: "generic failure", error: "Could not update wishlist", want: false },
+  { name: "empty string", error: "", want: false },
+  { name: "null", error: null, want: false },
+  { name: "undefined", error: undefined, want: false },
+]
+
+describe("isAuthRequiredError", () => {
+  for (const row of CASES) {
+    it(row.name, () => {
+      assert.equal(isAuthRequiredError(row.error), row.want)
+    })
+  }
+})

package/src/request-login.ts

@@ -0,0 +1,22 @@
+export const LOGIN_POPUP_OPEN_EVENT = "storefront:login-popup-open"
+
+export function isAuthRequiredError(error?: string | null): boolean {
+  const text = (error || "").toLowerCase()
+  return (
+    text.includes("login") ||
+    text.includes("unauthorized") ||
+    text.includes("unauthorised") ||
+    text.includes("not authenticated")
+  )
+}
+
+export function requestLoginPopup(): boolean {
+  if (typeof window === "undefined") return false
+  const event = new CustomEvent(LOGIN_POPUP_OPEN_EVENT, { cancelable: true })
+  window.dispatchEvent(event)
+  return event.defaultPrevented
+}
+
+export function promptLoginForWishlist(fallback: () => void) {
+  if (!requestLoginPopup()) fallback()
+}