@onside/install-widget 1.0.4 → 1.1.1

package/dist-lib/install-package-S3saul1C.js

@@ -0,0 +1,451 @@
+import { jsx as s, jsxs as w, Fragment as P } from "react/jsx-runtime";
+import * as S from "react";
+import { createContext as R, useContext as j, useState as H, useRef as F, useCallback as I, useEffect as W, lazy as C, useMemo as Y, Suspense as K } from "react";
+import { S as B, u as Q, i as Z } from "./useInstallUrl-McaAuMPK.js";
+import { trackModalEvent as J, trackEvent as X, resolveInstallConditions as ee, getDeviceInfo as te } from "./utils.js";
+import { create as ne } from "zustand";
+import "./installUrlService-CrJfYPwM.js";
+function G(e) {
+  var t, o, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (t = 0; t < a; t++) e[t] && (o = G(e[t])) && (n && (n += " "), n += o);
+  } else for (o in e) e[o] && (n && (n += " "), n += o);
+  return n;
+}
+function oe() {
+  for (var e, t, o = 0, n = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (t = G(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function p(...e) {
+  return oe(e);
+}
+const ae = {
+  primary: "rounded-full whitespace-nowrap leading-none font-medium transition-bg font-sans duration-300 flex items-center justify-center text-center",
+  secondary: "rounded-full whitespace-nowrap leading-none font-medium font-sans bg-transparent border transition-bg transition-color duration-300 flex items-center justify-center text-center",
+  text: "whitespace-nowrap leading-none font-medium font-sans transition-colors duration-300 flex items-center justify-center text-center",
+  transparent: "rounded-full whitespace-nowrap leading-none font-medium transition-opacity duration-300 flex items-center justify-center text-center"
+}, se = {
+  primary: {
+    blue: "bg-blue text-white hover:bg-buttonHover focus:bg-blue disabled:bg-buttonDisabled",
+    lightBlue: "bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",
+    white: "bg-white text-blue hover:opacity-90 focus:opacity-100 disabled:opacity-50"
+  },
+  secondary: {
+    blue: "border-blue text-blue hover:bg-blue hover:text-white focus:bg-blue focus:text-white",
+    lightBlue: "border-[#e2eaf8] text-[#e2eaf8] hover:bg-[#e2eaf8] hover:text-white focus:bg-[#e2eaf8] focus:text-white",
+    white: "border-white text-white hover:bg-white hover:text-blue focus:bg-white focus:text-blue"
+  },
+  text: {
+    blue: "bg-transparent text-blue hover:underline focus:underline",
+    lightBlue: "bg-transparent text-[#e2eaf8] hover:underline focus:underline",
+    white: "bg-transparent text-white hover:underline focus:underline"
+  },
+  transparent: {
+    blue: "bg-transparent text-blue hover:opacity-75",
+    lightBlue: "bg-transparent text-[#e2eaf8] hover:opacity-75",
+    white: "bg-transparent text-white hover:opacity-75"
+  }
+}, le = {
+  lg: "py-4 px-8 font-sans font-medium text-lg sm:text-xl leading-none!",
+  md: "py-3 px-5 font-sans font-medium text-base sm:text-lg leading-none!"
+};
+function M({ className: e, ...t }) {
+  const o = t.variant ?? "primary", n = t.color ?? "blue", a = t.size ?? "md", l = p(
+    ae[o],
+    le[o !== "text" ? a : "md"],
+    se[o][n],
+    e
+  );
+  if (typeof t.href > "u")
+    return /* @__PURE__ */ s("button", { className: l, ...t });
+  const i = t, { pureLink: g, ...r } = i, b = ("rel" in r ? r.rel : void 0) ?? (r.target === "_blank" ? "noopener noreferrer" : void 0);
+  return g ? /* @__PURE__ */ s("a", { className: l, rel: b, ...r }) : /* @__PURE__ */ s("a", { className: l, rel: b, ...r });
+}
+const u = " ", ie = "ʹ", D = {
+  button: {
+    install: "Install Onside",
+    regionUnavailable: "Only available in the EU. Install from an eligible region.",
+    androidOnly: "Onside is for iPhone and iPad",
+    loading: "Loading...",
+    linkError: "Unable to load install link. Please try again."
+  },
+  modal: {
+    close: "Close",
+    goToSafari: {
+      title: "Open in Safari",
+      caption: "Copy the link and open it in Safari to continue.",
+      description: "Onside can only be installed from the Safari browser on your device.",
+      openButton: "Open in Safari",
+      linkCopied: "Link copied",
+      linkPaste: "Paste the link in Safari"
+    },
+    updateIos: {
+      title: "Update your iOS",
+      description: "To install Onside, update your iPhone or iPad to the latest version of iOS.",
+      breadcrumbs: ["Settings", "General", "Software Update"]
+    },
+    getApproved: {
+      title: "Get approved for Onside",
+      steps: [
+        "Open the link and sign in with your Apple ID.",
+        "Complete the approval steps in the browser.",
+        "Return here and tap Install to continue."
+      ],
+      installing: "Installing…",
+      openApp: "Open the Onside app",
+      openAppDescription: "Start using Onside from your home screen.",
+      openAppButton: "Open app"
+    },
+    checkInstall: {
+      title: "Did you install Onside?",
+      description: "Let us know if the installation completed successfully.",
+      yes: "Yes, I installed it",
+      no: "No, I need help"
+    },
+    android: {
+      title: "Onside is for iPhone and iPad",
+      description: "To install Onside, please use an iPhone or iPad."
+    },
+    faq: {
+      title: "Frequently asked questions",
+      items: [
+        {
+          question: "How can I install Onside store app outside EU region?",
+          answer: `You can install the${u}Onside store app only if${u}you are using your iPhone in${u}the${u}EU${u}region`
+        },
+        {
+          question: `I am in EU region but still can${ie}t install Onside store app`,
+          answer: "Turn off your VPN and check that country of your Appstore belongs to EU region. You can find instructions on how to change the region",
+          action: { event: "change_region", word: "here" }
+        },
+        {
+          question: `Could not install app due${u}to content restrictions`,
+          answer: "Go to content restrictions in Settings, then “App Store, Media, Web & games” then “Apps” and set to unrated"
+        },
+        {
+          question: "I have another problem",
+          answer: "If you have any other problems, please",
+          action: { event: "support", word: "contact us" }
+        }
+      ],
+      changeRegion: {
+        title: `Change your App Store country to install Onside${u}store${u}app`,
+        label: "To change, please go to:",
+        breadcrumbs: [
+          "Settings",
+          "Your name",
+          "Media & Purchases",
+          "View Account",
+          "Country & Region",
+          "Change"
+        ],
+        caption: "Then follow the on-screen instructions"
+      },
+      needHelp: "Need help?",
+      faqLink: "FAQ",
+      didntFind: "Didn’t find an answer?"
+    }
+  }
+}, $ = R(D), re = () => j($), Be = 7 * B, ce = 7 * B, de = 2 * B, q = ne((e) => ({
+  activeModal: null,
+  openModal: (t) => e({ activeModal: t }),
+  closeModal: () => e({ activeModal: null })
+})), ue = {
+  INSTALL_BUTTON_CLICK: "install_button_click"
+}, pe = (e = {}, t) => ({
+  trackInstallEvent: (a) => {
+    const l = X(ue.INSTALL_BUTTON_CLICK, {
+      ...e,
+      event_type: a
+    });
+    l && t?.onEvent?.(l);
+  },
+  trackOpenModalEvent: (a) => {
+    const l = J(a, "opened", "install_button", {
+      ...e
+    });
+    l && t?.onEvent?.(l);
+  }
+}), fe = (e) => e ? "ios_18_6_plus" : "install_click", he = (e, t) => {
+  e(fe(t));
+}, me = (e) => {
+  e("no_condition_matched");
+}, ge = (e) => {
+  const { id: t, location: o = "hero", customAnalytics: n, handleCustomStep: a, pathname: l } = e, i = ee(te()), g = i.installState === "install_available", { data: r, error: b } = Q(g), f = r?.url ?? null, A = r?.onside_token ?? null, E = r?.attribution_token ?? null, h = r?.is_eligible ?? null, { openModal: c } = q(), [_, k] = H(!1), x = F(void 0), { trackOpenModalEvent: d, trackInstallEvent: v } = pe(
+    {
+      page: l,
+      location: o,
+      button_id: t ?? void 0,
+      onside_token: A ?? void 0,
+      attribution_token: E ?? void 0
+    },
+    n
+  ), m = I(() => {
+    k(!0);
+    const y = setTimeout(() => {
+      k(!1);
+    }, de);
+    return () => clearTimeout(y);
+  }, []), O = I(
+    (y) => {
+      if (!f || !Z) {
+        y.preventDefault();
+        return;
+      }
+      if (m(), a) {
+        setTimeout(() => a(), 100);
+        return;
+      }
+      he(v, i.usesNewInstallFlow), setTimeout(() => {
+        if (i.usesNewInstallFlow) {
+          clearTimeout(x.current), x.current = setTimeout(() => {
+            c("checkInstall"), d("check_install");
+          }, ce);
+          return;
+        }
+        c("getApproved"), d("get_approved");
+      }, 100);
+    },
+    [
+      f,
+      a,
+      i.usesNewInstallFlow,
+      v,
+      d,
+      c,
+      m
+    ]
+  ), N = I(() => {
+    if (m(), i.installState === "go_to_safari") {
+      d("go_to_safari"), c("goToSafari");
+      return;
+    }
+    if (i.installState === "update_ios") {
+      d("update_ios"), c("updateIOS");
+      return;
+    }
+    me(v);
+  }, [
+    i.installState,
+    c,
+    m,
+    v,
+    d
+  ]), T = I(() => {
+    d("is_android"), c("isAndroid");
+  }, [c, d]);
+  return {
+    viewMode: i.installState === "android" ? "android" : _ ? "loading" : f && g ? "link" : "button",
+    installUrl: f,
+    error: b,
+    isEligible: h,
+    conditions: i,
+    handleInstallClick: O,
+    handleModalFlowClick: N,
+    handleAndroidClick: T
+  };
+}, be = (e) => /* @__PURE__ */ S.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ S.createElement("path", { d: "M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z", fill: "currentColor" })), ve = ({
+  className: e,
+  onClick: t,
+  children: o,
+  id: n,
+  androidClassName: a,
+  androidTextClassName: l
+}) => /* @__PURE__ */ s(
+  M,
+  {
+    id: n,
+    className: p("bg-white px-7", e, a),
+    variant: "secondary",
+    size: "lg",
+    onClick: t,
+    children: /* @__PURE__ */ w("span", { className: "flex flex-row items-center gap-1", children: [
+      /* @__PURE__ */ s(be, { className: l ? "text-[#FF465D]" : void 0 }),
+      /* @__PURE__ */ s("span", { className: p("flex-1", l), children: o })
+    ] })
+  }
+), ye = ({
+  href: e,
+  onClick: t,
+  children: o,
+  className: n,
+  id: a
+}) => /* @__PURE__ */ s(
+  M,
+  {
+    id: a,
+    href: e,
+    pureLink: !0,
+    size: "lg",
+    onClick: t,
+    className: n,
+    children: o
+  }
+), U = (e) => /* @__PURE__ */ S.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ S.createElement("path", { d: "M17.5 10.0001C17.4999 11.5839 16.9984 13.1271 16.0674 14.4084C15.1364 15.6897 13.8237 16.6434 12.3174 17.1328C10.8111 17.6221 9.1885 17.6221 7.6822 17.1326C6.17591 16.6432 4.86323 15.6894 3.9323 14.4081C3.00138 13.1267 2.49999 11.5835 2.5 9.9997C2.50001 8.41588 3.00142 6.87271 3.93237 5.59137C4.86331 4.31003 6.176 3.3563 7.6823 2.86685C9.1886 2.37741 10.8112 2.37739 12.3175 2.86679", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), we = (e) => {
+  const { id: t, className: o, children: n, showLoaderOnly: a } = e;
+  return /* @__PURE__ */ s(M, { id: t, className: p("px-8 py-4", o), disabled: !0, children: /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: a ? /* @__PURE__ */ s(U, { className: "animate-spin" }) : /* @__PURE__ */ w(P, { children: [
+    /* @__PURE__ */ s(U, { className: "animate-spin" }),
+    n
+  ] }) }) });
+}, Ce = ({ message: e }) => /* @__PURE__ */ s("p", { className: "mt-2 text-center text-sm text-error", children: e ?? "Unable to load install link. Please try again." }), V = R(!1), ke = () => typeof window < "u" ? window.location.pathname : "", Ue = (e) => {
+  const t = re(), {
+    className: o,
+    children: n,
+    handleCustomStep: a,
+    location: l = "hero",
+    caption: i,
+    captionClassName: g,
+    showCaption: r = !0,
+    showLoaderOnly: b = !1,
+    androidClassName: f,
+    androidTextClassName: A,
+    customAnalytics: E,
+    id: h
+  } = e, c = n ?? t.button.install, _ = F(ke()), k = j(V), {
+    viewMode: x,
+    installUrl: d,
+    error: v,
+    isEligible: m,
+    handleInstallClick: O,
+    handleModalFlowClick: N,
+    handleAndroidClick: T
+  } = ge({
+    id: h,
+    location: l,
+    customAnalytics: E,
+    handleCustomStep: a,
+    pathname: _.current
+  });
+  W(() => {
+  }, [k]);
+  const L = r && (!m || i) && /* @__PURE__ */ s(
+    "div",
+    {
+      className: p(
+        "text-2xs font-mono opacity-60",
+        g
+      ),
+      children: m ? i : t.button.regionUnavailable
+    }
+  ), y = {
+    android: /* @__PURE__ */ s(
+      ve,
+      {
+        id: h,
+        className: o,
+        androidClassName: f,
+        androidTextClassName: A,
+        onClick: T,
+        children: t.button.androidOnly
+      }
+    ),
+    loading: /* @__PURE__ */ s(
+      we,
+      {
+        showLoaderOnly: b,
+        id: h,
+        className: p("bg-buttonHover!", o),
+        children: t.button.loading
+      }
+    ),
+    link: /* @__PURE__ */ w(P, { children: [
+      /* @__PURE__ */ w(
+        ye,
+        {
+          id: h,
+          className: p(o, "flex-col gap-1"),
+          href: d ?? "",
+          onClick: O,
+          children: [
+            c,
+            L
+          ]
+        }
+      ),
+      v && /* @__PURE__ */ s(Ce, { message: t.button.linkError })
+    ] }),
+    button: /* @__PURE__ */ w(
+      M,
+      {
+        id: h,
+        className: p(o, "flex-col gap-1"),
+        size: "lg",
+        onClick: N,
+        children: [
+          c,
+          L
+        ]
+      }
+    )
+  };
+  return /* @__PURE__ */ s(P, { children: y[x] ?? y.button });
+};
+function z(e, t) {
+  if (!t) return e;
+  const o = { ...e };
+  for (const n of Object.keys(t)) {
+    const a = o[n], l = t[n];
+    l !== void 0 && (typeof a == "object" && a !== null && !Array.isArray(a) && typeof l == "object" && l !== null && !Array.isArray(l) ? o[n] = z(
+      a,
+      l
+    ) : o[n] = l);
+  }
+  return o;
+}
+const xe = C(async () => ({ default: (await import("./AndroidPlatformModal-DGNUxRkK.js")).AndroidPlatformModal })), Ie = C(async () => ({ default: (await import("./GoToSafariModal-pXhEb2yy.js")).GoToSafariModal })), Se = C(async () => ({ default: (await import("./UpdateIOSModal-D-cikTQ4.js")).UpdateIOSModal })), Me = C(async () => ({ default: (await import("./index-BqoWsHcB.js")).GetApprovedModal })), Ae = C(async () => ({ default: (await import("./CheckInstallModal-BAx1q0Eh.js")).CheckInstallModal })), Ee = () => {
+  const { activeModal: e, closeModal: t, openModal: o } = q();
+  let n = null;
+  switch (e) {
+    case "goToSafari":
+      n = /* @__PURE__ */ s(Ie, { open: !0, onClose: t });
+      break;
+    case "updateIOS":
+      n = /* @__PURE__ */ s(Se, { open: !0, onClose: t });
+      break;
+    case "isAndroid":
+      n = /* @__PURE__ */ s(xe, { open: !0, onClose: t });
+      break;
+    case "getApproved":
+      n = /* @__PURE__ */ s(
+        Me,
+        {
+          open: !0,
+          onClose: t,
+          onStep3Complete: () => o("checkInstall")
+        }
+      );
+      break;
+    case "checkInstall":
+      n = /* @__PURE__ */ s(Ae, { open: !0, onClose: t });
+      break;
+    default:
+      n = null;
+  }
+  return /* @__PURE__ */ s(K, { fallback: null, children: n });
+}, Re = ({
+  children: e,
+  messages: t
+}) => {
+  const o = Y(
+    () => z(D, t),
+    [t]
+  );
+  return /* @__PURE__ */ s($.Provider, { value: o, children: /* @__PURE__ */ w(V.Provider, { value: !0, children: [
+    e,
+    /* @__PURE__ */ s(Ee, {})
+  ] }) });
+};
+export {
+  ce as A,
+  M as B,
+  Ue as I,
+  p as a,
+  Be as b,
+  oe as c,
+  Re as d,
+  de as e,
+  D as f,
+  re as u
+};

package/dist-lib/install-package.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./install-package-B17QfMPy.cjs"),n=require("./useInstallUrl-CjUspi0p.cjs"),t=require("./installUrlService-AjG03i8i.cjs"),l=require("./utils.cjs");exports.AVERAGE_CHECK_TIME=e.AVERAGE_CHECK_TIME;exports.AVERAGE_INSTALL_TIME=e.AVERAGE_INSTALL_TIME;exports.AVERAGE_LOADING_TIME=e.AVERAGE_LOADING_TIME;exports.InstallAppButton=e.InstallAppButton;exports.InstallWidgetProvider=e.InstallWidgetProvider;exports.useInstallUrl=n.useInstallUrl;exports.useInstallUrlStore=n.useInstallUrlStore;exports.generateUUID=t.generateUUID;exports.getCookie=t.getCookie;exports.getInstallUrl=t.getInstallUrl;exports.getOnsideToken=t.getOnsideToken;exports.setCookie=t.setCookie;exports.compareVersions=l.compareVersions;exports.getDeviceInfo=l.getDeviceInfo;exports.resolveInstallConditions=l.resolveInstallConditions;exports.trackEvent=l.trackEvent;exports.trackModalEvent=l.trackModalEvent;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./install-package-5TE9fTFQ.cjs"),s=require("./useInstallUrl-iPCPqYWB.cjs"),t=require("./installUrlService-AjG03i8i.cjs"),l=require("./utils.cjs");exports.AVERAGE_CHECK_TIME=e.AVERAGE_CHECK_TIME;exports.AVERAGE_INSTALL_TIME=e.AVERAGE_INSTALL_TIME;exports.AVERAGE_LOADING_TIME=e.AVERAGE_LOADING_TIME;exports.InstallAppButton=e.InstallAppButton;exports.InstallWidgetProvider=e.InstallWidgetProvider;exports.defaultMessages=e.defaultMessages;exports.useInstallUrl=s.useInstallUrl;exports.useInstallUrlStore=s.useInstallUrlStore;exports.generateUUID=t.generateUUID;exports.getCookie=t.getCookie;exports.getInstallUrl=t.getInstallUrl;exports.getOnsideToken=t.getOnsideToken;exports.setCookie=t.setCookie;exports.compareVersions=l.compareVersions;exports.getDeviceInfo=l.getDeviceInfo;exports.resolveInstallConditions=l.resolveInstallConditions;exports.trackEvent=l.trackEvent;exports.trackModalEvent=l.trackModalEvent;

package/dist-lib/install-package.d.ts

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { StoreApi } from 'zustand';
@@ -20,6 +19,16 @@ declare type ButtonLocation = "hero" | "header" | "fixed_bottom" | "install_guid
 
 export declare const compareVersions: (a: string, b: string) => -1 | 0 | 1;
 
+/**
+ * Recursively makes all properties optional, allowing consumers to override
+ * only the strings they need while falling back to defaults.
+ */
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Array<unknown> ? T[P] : T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+export declare const defaultMessages: InstallWidgetMessages;
+
 export declare type DeviceInfo = {
     platform: Platform;
     browser: Browser;
@@ -71,7 +80,6 @@ export declare interface InstallAppButtonProps {
     location?: ButtonLocation;
     caption?: string;
     showCaption?: boolean;
-    styleVars?: InstallWidgetStyleVars;
     id?: string;
     showLoaderOnly?: boolean;
 }
@@ -118,21 +126,78 @@ export declare type InstallUrlStoreData = {
     reset: () => void;
 };
 
-export declare const InstallWidgetProvider: ({ children }: PropsWithChildren) => JSX.Element;
-
-declare type InstallWidgetStyleVars = CSSProperties & {
-    "--onside-btn-bg"?: string;
-    "--onside-btn-text"?: string;
-    "--onside-btn-bg-hover"?: string;
-    "--onside-btn-disabled-bg"?: string;
-    "--onside-btn-radius"?: string;
-    "--onside-btn-px"?: string;
-    "--onside-btn-py"?: string;
-    "--onside-btn-font-size"?: string;
-    "--onside-caption-color"?: string;
-    "--onside-caption-size"?: string;
-    "--onside-caption-line-height"?: string;
-};
+export declare interface InstallWidgetMessages {
+    button: {
+        install: string;
+        regionUnavailable: string;
+        androidOnly: string;
+        loading: string;
+        linkError: string;
+    };
+    modal: {
+        close: string;
+        goToSafari: {
+            title: string;
+            caption: string;
+            description: string;
+            openButton: string;
+            linkCopied: string;
+            linkPaste: string;
+        };
+        updateIos: {
+            title: string;
+            description: string;
+            breadcrumbs: string[];
+        };
+        getApproved: {
+            title: string;
+            steps: string[];
+            installing: string;
+            openApp: string;
+            openAppDescription: string;
+            openAppButton: string;
+        };
+        checkInstall: {
+            title: string;
+            description: string;
+            yes: string;
+            no: string;
+        };
+        android: {
+            title: string;
+            description: string;
+        };
+        faq: {
+            title: string;
+            items: Array<{
+                question: string;
+                answer: string;
+                action?: {
+                    event: "change_region" | "support";
+                    word: string;
+                };
+            }>;
+            changeRegion: {
+                title: string;
+                label: string;
+                breadcrumbs: string[];
+                caption: string;
+            };
+            needHelp: string;
+            faqLink: string;
+            didntFind: string;
+        };
+    };
+}
+
+export declare const InstallWidgetProvider: ({ children, messages: messageOverrides, }: PropsWithChildren<InstallWidgetProviderProps>) => JSX.Element;
+
+export declare interface InstallWidgetProviderProps {
+    /** Partial or full message overrides (deep-merged with defaults). */
+    messages?: DeepPartial<InstallWidgetMessages>;
+    /** Analytics callbacks forwarded to all install buttons. */
+    customAnalytics?: InstallAnalyticsCallbacks;
+}
 
 export declare type IOSDeviceClass = "iphone" | "ipad" | "ipod" | "unknown";
 

package/dist-lib/install-package.js

@@ -1,23 +1,25 @@
-import { d as a, e as t, A as o, I as r, b as l } from "./install-package-DowlG4hO.js";
-import { u as I, a as E } from "./useInstallUrl-JIdkWpgj.js";
-import { c as i, b as g, g as p, a as d, s as _ } from "./installUrlService-CrJfYPwM.js";
-import { compareVersions as f, getDeviceInfo as k, resolveInstallConditions as m, trackEvent as v, trackModalEvent as C } from "./utils.js";
+"use client";
+import { A as a, b as t, e as o, I as r, d as l, f as n } from "./install-package-S3saul1C.js";
+import { u as E, a as i } from "./useInstallUrl-McaAuMPK.js";
+import { c as g, b as d, g as f, a as p, s as c } from "./installUrlService-CrJfYPwM.js";
+import { compareVersions as _, getDeviceInfo as k, resolveInstallConditions as m, trackEvent as v, trackModalEvent as C } from "./utils.js";
 export {
   a as AVERAGE_CHECK_TIME,
   t as AVERAGE_INSTALL_TIME,
   o as AVERAGE_LOADING_TIME,
   r as InstallAppButton,
   l as InstallWidgetProvider,
-  f as compareVersions,
-  i as generateUUID,
-  g as getCookie,
+  _ as compareVersions,
+  n as defaultMessages,
+  g as generateUUID,
+  d as getCookie,
   k as getDeviceInfo,
-  p as getInstallUrl,
-  d as getOnsideToken,
+  f as getInstallUrl,
+  p as getOnsideToken,
   m as resolveInstallConditions,
-  _ as setCookie,
+  c as setCookie,
   v as trackEvent,
   C as trackModalEvent,
-  I as useInstallUrl,
-  E as useInstallUrlStore
+  E as useInstallUrl,
+  i as useInstallUrlStore
 };