@onside/install-widget 1.0.1 → 1.0.3

package/README.md

@@ -19,6 +19,8 @@ It is the source of truth for UX + analytics for partner integrations.
 ### Notes
 
 - Required analytics context in GTM payload: `location`, `page`, `onside_token`, `attribution_token`, `platform`, `browser`.
+- Optional additive device fields (for richer analytics/debug): `iosDeviceClass`, `isInAppBrowser`, `browserDetail`.
+  Existing required fields remain backward-compatible.
 - If a modal is shown, redirect must not happen in the same click action.
 - `onside_token` cookie must be present before requesting install URL.
 
@@ -77,6 +79,17 @@ function App() {
 }
 ```
 
+Core modules can be imported via subpaths (without the UI layer):
+
+```ts
+import { useInstallUrl } from "@onside/install-widget/hooks";
+import {
+  getDeviceInfo,
+  resolveInstallConditions,
+  getInstallUrl,
+} from "@onside/install-widget/utils";
+```
+
 Style customization:
 
 ```tsx

package/dist-lib/AndroidPlatformModal-2Ykjo2V7.js

@@ -0,0 +1,48 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { B as d } from "./install-package-DowlG4hO.js";
+import { D as c } from "./Dialog-yEP-7Deb.js";
+import { trackModalEvent as m } from "./utils.js";
+const N = ({
+  open: t,
+  onClose: l
+}) => {
+  const n = "is_android", a = s(() => {
+    m(n, "click", "close"), l();
+  }, [l]), i = s(
+    (r) => {
+      r || a();
+    },
+    [a]
+  );
+  return /* @__PURE__ */ e(
+    c,
+    {
+      "aria-labelledby": n,
+      className: "outline-hidden",
+      isDisplayingMargins: !0,
+      open: t,
+      onOpenChange: i,
+      children: /* @__PURE__ */ o("div", { className: "flex h-full flex-col items-center justify-between text-center", children: [
+        /* @__PURE__ */ o("div", { className: "m-auto", children: [
+          /* @__PURE__ */ e("p", { className: "text-2xl font-bold", children: "Onside is for iPhone and iPad" }),
+          /* @__PURE__ */ e("p", { className: "mt-3 px-10 font-sans text-xs font-normal", children: "To install Onside, please use an iPhone or iPad." })
+        ] }),
+        /* @__PURE__ */ e(
+          d,
+          {
+            className: "mt-2 w-full",
+            onClick: a,
+            size: "lg",
+            type: "button",
+            variant: "secondary",
+            children: "Close"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  N as AndroidPlatformModal
+};

package/dist-lib/AndroidPlatformModal-DTglyxUG.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),r=require("./install-package-B17QfMPy.cjs"),c=require("./Dialog-yZ9bWtK1.cjs"),d=require("./utils.cjs"),u=({open:t,onClose:s})=>{const a="is_android",l=n.useCallback(()=>{d.trackModalEvent(a,"click","close"),s()},[s]),i=n.useCallback(o=>{o||l()},[l]);return e.jsx(c.Dialog,{"aria-labelledby":a,className:"outline-hidden",isDisplayingMargins:!0,open:t,onOpenChange:i,children:e.jsxs("div",{className:"flex h-full flex-col items-center justify-between text-center",children:[e.jsxs("div",{className:"m-auto",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Onside is for iPhone and iPad"}),e.jsx("p",{className:"mt-3 px-10 font-sans text-xs font-normal",children:"To install Onside, please use an iPhone or iPad."})]}),e.jsx(r.Button,{className:"mt-2 w-full",onClick:l,size:"lg",type:"button",variant:"secondary",children:"Close"})]})})};exports.AndroidPlatformModal=u;