@arizondigital/catalyst-sso 0.1.1

package/README.md

@@ -0,0 +1,8 @@
+# catalyst-sso
+
+Integer Catalyst SSO
+
+## Install
+
+```bash
+npm install arizondigital/catalyst-sso

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@arizondigital/catalyst-sso",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.1.1",
+  "description": "Integer Catalyst SSO package",
+  "license": "MIT",
+  "author": "Arizon Digital",
+  "type": "module",
+  "main": "src/index.js",
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "dependencies": {
+    "catalyst-sso": "github:Arizon-Digital/SSOAppShopper#develop-catalyst"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/src/index.js

@@ -0,0 +1,86 @@
+
+
+
+"use client";
+
+import React, { useEffect, useState } from "react";
+
+console.log("SSO Package Loaded.......123");
+
+function SsoButtonPlaceholder({ buttonText, loginUrl }) {
+  const handleLogin = () => {
+    if (loginUrl) {
+      window.location.href = loginUrl;
+    }
+  };
+
+  return (
+    <button
+      onClick={handleLogin}
+      style={{
+        padding: "12px 20px",
+        backgroundColor: "#111827",
+        color: "#ffffff",
+        border: "none",
+        borderRadius: "8px",
+        cursor: "pointer",
+        fontSize: "16px",
+        fontWeight: "600",
+        margin: "10px",
+      }}
+    >
+      {buttonText}
+    </button>
+  );
+}
+
+export function OktaSamlButton() {
+  const [buttonName, setButtonName] = useState("Login With Okta");
+  const [redirectUrl, setRedirectUrl] = useState("");
+
+  useEffect(() => {
+    fetch(
+      "https://sso-app-merchant-dev.vercel.app/api/pqhmp0hlit/okta/saml"
+    )
+      .then((response) => response.json())
+      .then((data) => {
+        console.log("API Response:", data);
+
+        setButtonName(data.button_name);
+        setRedirectUrl(data.redirect_url);
+      })
+      .catch((error) => {
+        console.error("Error fetching data:", error);
+      });
+  }, []);
+
+  return (
+    <SsoButtonPlaceholder
+      buttonText={buttonName}
+      loginUrl={redirectUrl}
+    />
+  );
+}
+
+export function EntraSamlButton({
+  loginUrl = "",
+  isSandbox = false,
+  storeHash = "",
+}) {
+  const [redirectUrl, setRedirectUrl] = useState(loginUrl);
+
+  useEffect(() => {
+    if (isSandbox && storeHash) {
+      setRedirectUrl(
+        `https://sso-app-merchant-dev.vercel.app/api/entra/login`
+      );
+    }
+  }, [isSandbox, storeHash]);
+
+  return (
+    <SsoButtonPlaceholder
+      buttonText="Login With Entra"
+      loginUrl={redirectUrl}
+    />
+  );
+}