@hiofu/apply-sdk 0.1.1 → 0.1.4

package/dist/react.js

@@ -1,6 +1,11 @@
 import {
-  HiofuClient
-} from "./chunk-XEXQY3NM.js";
+  HIOFU_BRAND_COLOR,
+  HIOFU_BRAND_SOFT,
+  HIOFU_BUTTON_LABEL,
+  HIOFU_FONT_FAMILY,
+  HiofuClient,
+  hiofuLogoSvg
+} from "./chunk-MFY3F4OY.js";
 
 // src/react.ts
 import {
@@ -90,7 +95,170 @@ function useHiofuApply() {
   }, [client]);
   return { status, result, error, apply, reset };
 }
+var HIOFU_APPLY_BUTTON_BASE_STYLE = {
+  alignItems: "center",
+  border: "0",
+  borderRadius: 999,
+  cursor: "pointer",
+  display: "inline-flex",
+  fontFamily: HIOFU_FONT_FAMILY,
+  fontSize: 14,
+  fontWeight: 700,
+  gap: 10,
+  justifyContent: "center",
+  lineHeight: 1,
+  minHeight: 52,
+  padding: "14px 18px",
+  transition: "background 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, transform 0.18s ease",
+  width: "100%"
+};
+var HIOFU_APPLY_BUTTON_VARIANTS = {
+  primary: {
+    background: "linear-gradient(135deg, #667eea 0%, #5967d8 100%)",
+    boxShadow: "0 16px 28px rgba(102, 126, 234, 0.25)",
+    color: "#fff"
+  },
+  secondary: {
+    background: "transparent",
+    border: `1.5px solid ${HIOFU_BRAND_COLOR}`,
+    color: HIOFU_BRAND_COLOR
+  },
+  ghost: {
+    background: "#eef2ff",
+    color: "#312e81"
+  }
+};
+var HIOFU_APPLY_BUTTON_HOVER_BACKGROUND = {
+  primary: "#5468d4",
+  secondary: HIOFU_BRAND_SOFT,
+  ghost: "#e0e7ff"
+};
+var HIOFU_APPLY_BUTTON_LOGO_COLOR = {
+  primary: "#fff",
+  secondary: HIOFU_BRAND_COLOR,
+  ghost: "#312e81"
+};
+function HiofuApplyButton({
+  options,
+  variant = "primary",
+  label = HIOFU_BUTTON_LABEL,
+  authorisingLabel = "Opening HSP1 review...",
+  submittingLabel = "Submitting application...",
+  successLabel = "Application submitted",
+  showLogo = true,
+  children,
+  disabled,
+  style,
+  type = "button",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  onSuccess,
+  onError,
+  ...buttonProps
+}) {
+  const client = useHiofu();
+  const [status, setStatus] = useState("idle");
+  const [hovered, setHovered] = useState(false);
+  const busy = status === "authorising" || status === "submitting";
+  const isDisabled = Boolean(disabled || busy);
+  const logoColor = HIOFU_APPLY_BUTTON_LOGO_COLOR[variant];
+  const handleClick = useCallback(
+    async (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented) return;
+      setStatus("authorising");
+      const unsubscribe = client.subscribe((sdkEvent) => {
+        switch (sdkEvent.type) {
+          case "apply_submitting":
+            setStatus("submitting");
+            break;
+          case "apply_success":
+            setStatus("success");
+            break;
+          case "apply_error":
+            setStatus("error");
+            break;
+          default:
+            break;
+        }
+      });
+      try {
+        const result = await client.apply(options);
+        setStatus("success");
+        onSuccess?.(result);
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(String(err));
+        setStatus("error");
+        onError?.(error);
+      } finally {
+        unsubscribe();
+      }
+    },
+    [client, onClick, onError, onSuccess, options]
+  );
+  const handleMouseEnter = useCallback(
+    (event) => {
+      onMouseEnter?.(event);
+      setHovered(true);
+    },
+    [onMouseEnter]
+  );
+  const handleMouseLeave = useCallback(
+    (event) => {
+      onMouseLeave?.(event);
+      setHovered(false);
+    },
+    [onMouseLeave]
+  );
+  const content = children ?? (status === "success" ? successLabel : status === "submitting" ? submittingLabel : status === "authorising" ? authorisingLabel : label);
+  const buttonStyle = {
+    ...HIOFU_APPLY_BUTTON_BASE_STYLE,
+    ...HIOFU_APPLY_BUTTON_VARIANTS[variant],
+    ...hovered && !isDisabled ? {
+      background: HIOFU_APPLY_BUTTON_HOVER_BACKGROUND[variant],
+      transform: "translateY(-1px)"
+    } : null,
+    ...isDisabled ? {
+      cursor: "wait",
+      opacity: 0.68,
+      transform: "translateY(0)"
+    } : null,
+    ...style
+  };
+  return createElement(
+    "button",
+    {
+      ...buttonProps,
+      "aria-busy": busy || void 0,
+      disabled: isDisabled,
+      onClick: handleClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      style: buttonStyle,
+      type
+    },
+    showLogo ? createElement("span", {
+      "aria-hidden": true,
+      dangerouslySetInnerHTML: {
+        __html: hiofuLogoSvg({ size: 24, color: logoColor })
+      },
+      style: {
+        alignItems: "center",
+        display: "inline-flex",
+        flexShrink: 0,
+        height: 24,
+        justifyContent: "center",
+        width: 24
+      }
+    }) : null,
+    createElement("span", null, content)
+  );
+}
 export {
+  HIOFU_APPLY_BUTTON_BASE_STYLE,
+  HIOFU_APPLY_BUTTON_VARIANTS,
+  HiofuApplyButton,
   HiofuProvider,
   useHiofu,
   useHiofuApply

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiofu/apply-sdk",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "description": "Partner-ready browser SDK for HIOFU Apply with OAuth, HSP1 review, and idempotent application submission.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -48,7 +48,7 @@
   "license": "Apache-2.0",
   "homepage": "https://hiofu.com",
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "engines": {
     "node": ">=18"