@onside/install-widget 1.0.4 → 1.1.0

package/dist-lib/AndroidPlatformModal-3kGO8HxK.js

@@ -0,0 +1,48 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useCallback as n } from "react";
+import { u as d, B as m } from "./install-package-CZGZODly.js";
+import { D as f } from "./Dialog-B1D2BvMl.js";
+import { trackModalEvent as p } from "./utils.js";
+const b = ({
+  open: i,
+  onClose: o
+}) => {
+  const { modal: a } = d(), t = "is_android", l = n(() => {
+    p(t, "click", "close"), o();
+  }, [o]), r = n(
+    (c) => {
+      c || l();
+    },
+    [l]
+  );
+  return /* @__PURE__ */ e(
+    f,
+    {
+      "aria-labelledby": t,
+      className: "outline-hidden",
+      isDisplayingMargins: !0,
+      open: i,
+      onOpenChange: r,
+      children: /* @__PURE__ */ s("div", { className: "flex h-full flex-col items-center justify-between text-center", children: [
+        /* @__PURE__ */ s("div", { className: "m-auto", children: [
+          /* @__PURE__ */ e("p", { className: "text-2xl font-bold", children: a.android.title }),
+          /* @__PURE__ */ e("p", { className: "mt-3 px-10 font-sans text-xs font-normal", children: a.android.description })
+        ] }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            className: "mt-2 w-full",
+            onClick: l,
+            size: "lg",
+            type: "button",
+            variant: "secondary",
+            children: a.close
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  b as AndroidPlatformModal
+};

package/dist-lib/AndroidPlatformModal-B_uF1M7D.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("./install-package-Dkv3eM_d.cjs"),d=require("./Dialog-BRBYK08a.cjs"),u=require("./utils.cjs"),m=({open:i,onClose:t})=>{const{modal:s}=o.useMessages(),a="is_android",l=n.useCallback(()=>{u.trackModalEvent(a,"click","close"),t()},[t]),c=n.useCallback(r=>{r||l()},[l]);return e.jsx(d.Dialog,{"aria-labelledby":a,className:"outline-hidden",isDisplayingMargins:!0,open:i,onOpenChange:c,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:s.android.title}),e.jsx("p",{className:"mt-3 px-10 font-sans text-xs font-normal",children:s.android.description})]}),e.jsx(o.Button,{className:"mt-2 w-full",onClick:l,size:"lg",type:"button",variant:"secondary",children:s.close})]})})};exports.AndroidPlatformModal=m;

package/dist-lib/CheckInstallModal-ClGHu6XA.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("./install-package-Dkv3eM_d.cjs"),h=require("./Dialog-BRBYK08a.cjs"),f=require("./FaqModal-BspE3dHf.cjs"),a=require("./utils.cjs"),m=({open:o,onClose:l})=>{const{modal:t}=c.useMessages(),[r,n]=s.useState(!1),i=s.useCallback(()=>{a.trackModalEvent("check_install","click","close"),l()},[l]),u=s.useCallback(()=>{a.trackModalEvent("check_install","click","success"),l()},[l]),d=s.useCallback(()=>{a.trackModalEvent("check_install","click","help"),n(!0)},[]),x=s.useCallback(k=>{k||i()},[i]);return e.jsxs(h.Dialog,{"aria-labelledby":"check-install",className:"outline-hidden",isDisplayingMargins:!0,open:o,onOpenChange:x,children:[e.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-center",children:[e.jsxs("div",{className:"mb-8 flex flex-col gap-3",children:[e.jsx("p",{className:"font-serif text-3xl font-medium text-black",children:t.checkInstall.title}),e.jsx("p",{className:"font-sans text-sm font-normal text-black/60",children:t.checkInstall.description})]}),e.jsxs("div",{className:"flex w-full flex-col gap-2",children:[e.jsx(c.Button,{className:"text-2xs w-full font-mono",onClick:u,size:"lg",type:"button",children:t.checkInstall.yes}),e.jsx(c.Button,{className:"text-2xs w-full font-mono",onClick:d,size:"lg",type:"button",variant:"secondary",children:t.checkInstall.no})]})]}),e.jsx(f.FaqModal,{isOpen:r,onClose:()=>{n(!1),l()}})]})};exports.CheckInstallModal=m;

package/dist-lib/CheckInstallModal-Do2gfb9L.js

@@ -0,0 +1,76 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { useState as u, useCallback as c } from "react";
+import { u as x, B as i } from "./install-package-CZGZODly.js";
+import { D as k } from "./Dialog-B1D2BvMl.js";
+import { F as g } from "./FaqModal-J1y4DGzd.js";
+import { trackModalEvent as a } from "./utils.js";
+const C = ({
+  open: r,
+  onClose: e
+}) => {
+  const { modal: s } = x(), [m, n] = u(!1), o = c(() => {
+    a("check_install", "click", "close"), e();
+  }, [e]), f = c(() => {
+    a("check_install", "click", "success"), e();
+  }, [e]), d = c(() => {
+    a("check_install", "click", "help"), n(!0);
+  }, []), h = c(
+    (p) => {
+      p || o();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ t(
+    k,
+    {
+      "aria-labelledby": "check-install",
+      className: "outline-hidden",
+      isDisplayingMargins: !0,
+      open: r,
+      onOpenChange: h,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
+          /* @__PURE__ */ t("div", { className: "mb-8 flex flex-col gap-3", children: [
+            /* @__PURE__ */ l("p", { className: "font-serif text-3xl font-medium text-black", children: s.checkInstall.title }),
+            /* @__PURE__ */ l("p", { className: "font-sans text-sm font-normal text-black/60", children: s.checkInstall.description })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex w-full flex-col gap-2", children: [
+            /* @__PURE__ */ l(
+              i,
+              {
+                className: "text-2xs w-full font-mono",
+                onClick: f,
+                size: "lg",
+                type: "button",
+                children: s.checkInstall.yes
+              }
+            ),
+            /* @__PURE__ */ l(
+              i,
+              {
+                className: "text-2xs w-full font-mono",
+                onClick: d,
+                size: "lg",
+                type: "button",
+                variant: "secondary",
+                children: s.checkInstall.no
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ l(
+          g,
+          {
+            isOpen: m,
+            onClose: () => {
+              n(!1), e();
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as CheckInstallModal
+};

package/dist-lib/Dialog-B1D2BvMl.js

@@ -0,0 +1,95 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import * as l from "react";
+import { forwardRef as y, useState as k, useEffect as C } from "react";
+import { a as i, B as N } from "./install-package-CZGZODly.js";
+const B = (e) => /* @__PURE__ */ l.createElement("svg", { fill: "none", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "m4 12 8-8m-8 0 8 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 })), z = (e) => /* @__PURE__ */ l.createElement("svg", { fill: "none", height: 16, viewBox: "0 0 16 16", width: 16, xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "m9.7002 13-4.2929-4.29289c-.39052-.39053-.39052-1.02369 0-1.41422l4.2929-4.29289", stroke: "#1e1c1f", strokeLinecap: "round", strokeLinejoin: "round", strokeOpacity: 0.84, strokeWidth: 1.5 })), d = "provider-widget-portal-root";
+function D() {
+  let e = document.getElementById(d);
+  return e || (e = document.createElement("div"), e.id = d, e.style.zIndex = "2147483647", e.style.position = "relative", document.body.appendChild(e)), e;
+}
+const E = y((e, c) => {
+  const {
+    "aria-labelledby": m,
+    "aria-describedby": u,
+    children: p,
+    className: f,
+    footerContent: n,
+    headerContent: h,
+    isDisplayingMargins: x = !0,
+    open: g,
+    onOpenChange: b,
+    showCloseButton: w = !0,
+    onBackClick: r
+  } = e, [s, v] = k(
+    null
+  );
+  return C(() => {
+    v(D());
+  }, []), /* @__PURE__ */ t(a.Root, { open: g, onOpenChange: b, children: s && /* @__PURE__ */ o(a.Portal, { container: s, children: [
+    /* @__PURE__ */ t(
+      a.Overlay,
+      {
+        "aria-hidden": !0,
+        className: i(
+          "fixed inset-0 bg-black/50 backdrop-blur-sm",
+          "!z-[2147483647] pointer-events-auto",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "duration-300"
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Content,
+      {
+        ref: c,
+        "aria-labelledby": m,
+        "aria-describedby": u,
+        "aria-modal": "true",
+        className: i(
+          "fixed left-1/2 top-1/2 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 outline-none",
+          "!z-[2147483647]",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+          "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          "duration-300",
+          x && "h-dvh max-h-[calc(100dvh-8px)] max-w-[calc(100dvw-8px)] rounded-2xl bg-white p-4",
+          f
+        ),
+        children: /* @__PURE__ */ o("div", { className: "flex h-full flex-col", children: [
+          /* @__PURE__ */ o(a.Title, { className: "flex flex-shrink-0 flex-row items-center justify-between", children: [
+            /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+              r && /* @__PURE__ */ t(
+                N,
+                {
+                  className: "mr-auto rounded-full !bg-lightGray !p-[10px]",
+                  onClick: r,
+                  children: /* @__PURE__ */ t(z, { className: "size-4" })
+                }
+              ),
+              h
+            ] }),
+            w && /* @__PURE__ */ t(a.Close, { asChild: !0, children: /* @__PURE__ */ t(
+              "button",
+              {
+                "aria-label": "Close modal",
+                className: "hover:bg-gray-200 ml-auto rounded-full bg-lightGray p-[10px] outline-none",
+                type: "button",
+                children: /* @__PURE__ */ t(B, { className: "size-4" })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 overflow-y-auto", children: p }),
+          n && /* @__PURE__ */ t("footer", { className: "flex flex-shrink-0 flex-col gap-2.5", children: n })
+        ] })
+      }
+    )
+  ] }) });
+});
+E.displayName = "Dialog";
+export {
+  E as D,
+  z as S
+};

package/dist-lib/Dialog-BRBYK08a.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),C=require("@radix-ui/react-dialog"),s=require("react"),i=require("./install-package-Dkv3eM_d.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const o=f(C),r=f(s),N=e=>r.createElement("svg",{fill:"none",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"m4 12 8-8m-8 0 8 8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=e=>r.createElement("svg",{fill:"none",height:16,viewBox:"0 0 16 16",width:16,xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"m9.7002 13-4.2929-4.29289c-.39052-.39053-.39052-1.02369 0-1.41422l4.2929-4.29289",stroke:"#1e1c1f",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.84,strokeWidth:1.5})),m="provider-widget-portal-root";function D(){let e=document.getElementById(m);return e||(e=document.createElement("div"),e.id=m,e.style.zIndex="2147483647",e.style.position="relative",document.body.appendChild(e)),e}const x=s.forwardRef((e,n)=>{const{"aria-labelledby":a,"aria-describedby":l,children:h,className:g,footerContent:c,headerContent:b,isDisplayingMargins:w=!0,open:y,onOpenChange:v,showCloseButton:j=!0,onBackClick:d}=e,[u,k]=s.useState(null);return s.useEffect(()=>{k(D())},[]),t.jsx(o.Root,{open:y,onOpenChange:v,children:u&&t.jsxs(o.Portal,{container:u,children:[t.jsx(o.Overlay,{"aria-hidden":!0,className:i.cn("fixed inset-0 bg-black/50 backdrop-blur-sm","!z-[2147483647] pointer-events-auto","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","duration-300")}),t.jsx(o.Content,{ref:n,"aria-labelledby":a,"aria-describedby":l,"aria-modal":"true",className:i.cn("fixed left-1/2 top-1/2 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 outline-none","!z-[2147483647]","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]","data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]","duration-300",w&&"h-dvh max-h-[calc(100dvh-8px)] max-w-[calc(100dvw-8px)] rounded-2xl bg-white p-4",g),children:t.jsxs("div",{className:"flex h-full flex-col",children:[t.jsxs(o.Title,{className:"flex flex-shrink-0 flex-row items-center justify-between",children:[t.jsxs("div",{className:"flex items-center",children:[d&&t.jsx(i.Button,{className:"mr-auto rounded-full !bg-lightGray !p-[10px]",onClick:d,children:t.jsx(p,{className:"size-4"})}),b]}),j&&t.jsx(o.Close,{asChild:!0,children:t.jsx("button",{"aria-label":"Close modal",className:"hover:bg-gray-200 ml-auto rounded-full bg-lightGray p-[10px] outline-none",type:"button",children:t.jsx(N,{className:"size-4"})})})]}),t.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:h}),c&&t.jsx("footer",{className:"flex flex-shrink-0 flex-col gap-2.5",children:c})]})})]})})});x.displayName="Dialog";exports.Dialog=x;exports.SvgArrowBackIcon=p;

package/dist-lib/FaqModal-BspE3dHf.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("./cdn-BonUyxCA.cjs"),c=require("./install-package-Dkv3eM_d.cjs"),x=require("./Dialog-BRBYK08a.cjs"),r=require("react"),p=s=>{const{className:a,text:t="hello@onside.io"}=s;return e.jsx("a",{className:a,href:"mailto:hello@onside.io",rel:"noreferrer noopener",target:"_blank",children:t})},f=({action:s,onClick:a})=>{if(s.event==="change_region")return e.jsx(c.Button,{className:"!px-1.5 !py-0",onClick:a,variant:"transparent",children:s.word});if(s.event==="support")return e.jsx(p,{className:"px-1.5 font-medium text-blue",text:s.word})},j=s=>{const{action:a,answer:t,changeDisplay:n,question:l}=s,o=r.useCallback(()=>{n("changeRegion")},[n]);return e.jsxs("li",{className:"flex flex-col gap-6 rounded-3xl bg-lightGray p-6",children:[e.jsx("h3",{className:"leading-7 text-sm font-medium",children:l}),e.jsxs("p",{className:"text-base",children:[t,a?f({action:a,onClick:o}):null]})]})},N=({changeDisplay:s,className:a})=>{const{modal:t}=c.useMessages();return e.jsx("ul",{className:c.clsx("flex flex-col gap-2",a),children:t.faq.items.map((n,l)=>e.jsx(j,{action:n.action,answer:n.answer,changeDisplay:s,question:n.question},`faq-item-${l}`))})},q=i.cdn("/video/change-region.h264.mp4"),b=i.cdn("/video/change-region-poster.png"),g=s=>{const{isOpen:a,onClose:t}=s,{modal:n}=c.useMessages(),[l,o]=r.useState("generic"),m=r.useCallback(()=>{o("generic")},[]),u=r.useCallback(()=>{t(),setTimeout(()=>{o("generic")},500)},[t]);let d=e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"mt-4 text-center text-xl font-medium",children:n.faq.title}),e.jsx(N,{changeDisplay:o,className:"mt-8"})]});return l==="changeRegion"&&(d=e.jsxs("div",{className:"flex flex-col overflow-x-scroll",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("h2",{className:"mt-4 text-center text-lg font-medium",children:n.faq.changeRegion.title}),e.jsx("p",{className:"text-sm",children:n.faq.changeRegion.label}),e.jsx(i.Breadcrumbs,{breadcrumbs:n.faq.changeRegion.breadcrumbs,className:"flex max-w-[85%] flex-wrap justify-center gap-x-1 gap-y-2"}),e.jsx("p",{className:"text-sm",children:n.faq.changeRegion.caption})]}),e.jsx("div",{className:"mt-6 flex w-full justify-center rounded-2xl bg-lightGray px-7 py-5",children:e.jsx(i.VideoAutoplay,{ariaLabel:"Instruction demonstrating how to change the App Store region",className:"w-full rounded-2xl border-8 border-white",poster:b,children:e.jsx("source",{src:q,type:"video/mp4"})})})]})),e.jsx(x.Dialog,{"aria-labelledby":"faq-modal",headerContent:l==="changeRegion"&&e.jsx(c.Button,{className:"mr-auto rounded-full bg-lightGray !p-[10px]",onClick:m,children:e.jsx(x.SvgArrowBackIcon,{className:"size-4"})}),open:a,onOpenChange:h=>{h||u()},children:d})};g.displayName="FaqModal";exports.FaqModal=g;

package/dist-lib/FaqModal-J1y4DGzd.js

@@ -0,0 +1,103 @@
+import { jsx as e, jsxs as r, Fragment as u } from "react/jsx-runtime";
+import { B as x, V as N, c as m } from "./cdn-BmfyFccQ.js";
+import { u as d, c as b, B as g } from "./install-package-CZGZODly.js";
+import { D as y, S as q } from "./Dialog-B1D2BvMl.js";
+import { useCallback as c, useState as w } from "react";
+const C = (a) => {
+  const { className: t, text: o = "hello@onside.io" } = a;
+  return /* @__PURE__ */ e(
+    "a",
+    {
+      className: t,
+      href: "mailto:hello@onside.io",
+      rel: "noreferrer noopener",
+      target: "_blank",
+      children: o
+    }
+  );
+}, R = ({ action: a, onClick: t }) => {
+  if (a.event === "change_region")
+    return /* @__PURE__ */ e(g, { className: "!px-1.5 !py-0", onClick: t, variant: "transparent", children: a.word });
+  if (a.event === "support")
+    return /* @__PURE__ */ e(C, { className: "px-1.5 font-medium text-blue", text: a.word });
+}, v = (a) => {
+  const { action: t, answer: o, changeDisplay: n, question: l } = a, s = c(() => {
+    n("changeRegion");
+  }, [n]);
+  return /* @__PURE__ */ r("li", { className: "flex flex-col gap-6 rounded-3xl bg-lightGray p-6", children: [
+    /* @__PURE__ */ e("h3", { className: "leading-7 text-sm font-medium", children: l }),
+    /* @__PURE__ */ r("p", { className: "text-base", children: [
+      o,
+      t ? R({ action: t, onClick: s }) : null
+    ] })
+  ] });
+}, k = ({ changeDisplay: a, className: t }) => {
+  const { modal: o } = d();
+  return /* @__PURE__ */ e("ul", { className: b("flex flex-col gap-2", t), children: o.faq.items.map((n, l) => /* @__PURE__ */ e(
+    v,
+    {
+      action: n.action,
+      answer: n.answer,
+      changeDisplay: a,
+      question: n.question
+    },
+    `faq-item-${l}`
+  )) });
+}, E = m("/video/change-region.h264.mp4"), _ = m("/video/change-region-poster.png"), B = (a) => {
+  const { isOpen: t, onClose: o } = a, { modal: n } = d(), [l, s] = w("generic"), h = c(() => {
+    s("generic");
+  }, []), p = c(() => {
+    o(), setTimeout(() => {
+      s("generic");
+    }, 500);
+  }, [o]);
+  let i = /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ e("h2", { className: "mt-4 text-center text-xl font-medium", children: n.faq.title }),
+    /* @__PURE__ */ e(k, { changeDisplay: s, className: "mt-8" })
+  ] });
+  return l === "changeRegion" && (i = /* @__PURE__ */ r("div", { className: "flex flex-col overflow-x-scroll", children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ e("h2", { className: "mt-4 text-center text-lg font-medium", children: n.faq.changeRegion.title }),
+      /* @__PURE__ */ e("p", { className: "text-sm", children: n.faq.changeRegion.label }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          breadcrumbs: n.faq.changeRegion.breadcrumbs,
+          className: "flex max-w-[85%] flex-wrap justify-center gap-x-1 gap-y-2"
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-sm", children: n.faq.changeRegion.caption })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-6 flex w-full justify-center rounded-2xl bg-lightGray px-7 py-5", children: /* @__PURE__ */ e(
+      N,
+      {
+        ariaLabel: "Instruction demonstrating how to change the App Store region",
+        className: "w-full rounded-2xl border-8 border-white",
+        poster: _,
+        children: /* @__PURE__ */ e("source", { src: E, type: "video/mp4" })
+      }
+    ) })
+  ] })), /* @__PURE__ */ e(
+    y,
+    {
+      "aria-labelledby": "faq-modal",
+      headerContent: l === "changeRegion" && /* @__PURE__ */ e(
+        g,
+        {
+          className: "mr-auto rounded-full bg-lightGray !p-[10px]",
+          onClick: h,
+          children: /* @__PURE__ */ e(q, { className: "size-4" })
+        }
+      ),
+      open: t,
+      onOpenChange: (f) => {
+        f || p();
+      },
+      children: i
+    }
+  );
+};
+B.displayName = "FaqModal";
+export {
+  B as F
+};

package/dist-lib/{GoToSafariModal-C_KBizh8.js → GoToSafariModal-BSuOwGJ3.js}

@@ -1,57 +1,57 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { B as p, c as k } from "./install-package-DowlG4hO.js";
+import { u as w, B as p, c as b } from "./install-package-CZGZODly.js";
 import * as m from "react";
-import { useState as w, useCallback as a, useMemo as b } from "react";
-import { D as y } from "./Dialog-yEP-7Deb.js";
-import { getDeviceInfo as C, trackModalEvent as d } from "./utils.js";
-const v = 5e3, S = (n) => {
-  const [o, e] = w(!1);
+import { useState as y, useCallback as r, useMemo as C } from "react";
+import { D as S } from "./Dialog-B1D2BvMl.js";
+import { getDeviceInfo as v, trackModalEvent as d } from "./utils.js";
+const T = 5e3, N = (o) => {
+  const [n, e] = y(!1);
   return {
-    handleCopy: a(() => {
-      navigator.clipboard.writeText(n), e(!0), setTimeout(() => e(!1), v);
-    }, [n]),
-    isCopied: o
+    handleCopy: r(() => {
+      navigator.clipboard.writeText(o), e(!0), setTimeout(() => e(!1), T);
+    }, [o]),
+    isCopied: n
   };
-}, N = (n) => /* @__PURE__ */ m.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M3.9375 12.25L6.35539 9.83211C6.74592 9.44158 6.74592 8.80842 6.35539 8.41789L3.9375 6", stroke: "#1E1C1F", strokeOpacity: 0.6, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), I = ({
-  open: n,
-  onClose: o
+}, j = (o) => /* @__PURE__ */ m.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ m.createElement("path", { d: "M3.9375 12.25L6.35539 9.83211C6.74592 9.44158 6.74592 8.80842 6.35539 8.41789L3.9375 6", stroke: "#1E1C1F", strokeOpacity: 0.6, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), I = ({
+  open: o,
+  onClose: n
 }) => {
-  const e = typeof window < "u" ? window.location.href.replace(/\/$/, "") : "", s = b(() => {
-    const [r] = e.replace(/^https?:\/\//, "").split(/[?#]/);
-    return r?.replace(/\/$/, "") ?? "";
-  }, [e]), { handleCopy: l, isCopied: c } = S(e), f = C(), x = f.browser === "opera" && f.platform === "ios", h = a(
-    (r) => {
-      r || o();
+  const { modal: e } = w(), a = typeof window < "u" ? window.location.href.replace(/\/$/, "") : "", x = C(() => {
+    const [s] = a.replace(/^https?:\/\//, "").split(/[?#]/);
+    return s?.replace(/\/$/, "") ?? "";
+  }, [a]), { handleCopy: l, isCopied: c } = N(a), f = v(), g = f.browser === "opera" && f.platform === "ios", h = r(
+    (s) => {
+      s || n();
     },
-    [o]
-  ), u = a(() => {
-    d("go_to_safari", "click", "button"), window.location.href = `x-safari-${e}`;
-  }, [e]), g = a(() => {
+    [n]
+  ), u = r(() => {
+    d("go_to_safari", "click", "button"), window.location.href = `x-safari-${a}`;
+  }, [a]), k = r(() => {
     d("go_to_safari", "click", "link"), l();
   }, [l]);
   return /* @__PURE__ */ t(
-    y,
+    S,
     {
       "aria-labelledby": "go-to-safari-modal",
       isDisplayingMargins: !0,
-      open: n,
+      open: o,
       onOpenChange: h,
       showCloseButton: !1,
-      onBackClick: o,
+      onBackClick: n,
       children: /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col items-center justify-center", children: [
-        /* @__PURE__ */ t("h1", { className: "mt-8 text-center font-sans text-5xl font-medium", children: "Open in Safari" }),
-        /* @__PURE__ */ t("p", { className: "text-tertiary mt-5 w-11/12 text-center font-sans text-lg font-normal", children: "Copy the link and open it in Safari to continue." }),
-        /* @__PURE__ */ t("p", { className: "text-tertiary w-11/12 text-center font-sans text-lg font-normal", children: "Onside can only be installed from the Safari browser on your device." }),
+        /* @__PURE__ */ t("h1", { className: "mt-8 text-center font-sans text-5xl font-medium", children: e.goToSafari.title }),
+        /* @__PURE__ */ t("p", { className: "text-tertiary mt-5 w-11/12 text-center font-sans text-lg font-normal", children: e.goToSafari.caption }),
+        /* @__PURE__ */ t("p", { className: "text-tertiary w-11/12 text-center font-sans text-lg font-normal", children: e.goToSafari.description }),
         /* @__PURE__ */ i("div", { className: "mt-10 flex w-full flex-col items-center gap-5", children: [
-          !x && /* @__PURE__ */ i(
+          !g && /* @__PURE__ */ i(
             p,
             {
               className: "flex min-w-[206px] items-center justify-center gap-[6px] font-sans text-lg font-normal text-white!",
               onClick: u,
               size: "lg",
               children: [
-                "Open in Safari",
-                /* @__PURE__ */ t(N, {})
+                e.goToSafari.openButton,
+                /* @__PURE__ */ t(j, {})
               ]
             }
           ),
@@ -59,22 +59,22 @@ const v = 5e3, S = (n) => {
             p,
             {
               className: "flex min-w-[206px] items-center justify-center gap-[6px] font-sans text-lg font-normal",
-              onClick: g,
+              onClick: k,
               size: "lg",
               variant: "text",
-              children: c ? "Link copied" : s
+              children: c ? e.goToSafari.linkCopied : x
             }
           )
         ] }),
         /* @__PURE__ */ t(
           "p",
           {
-            className: k(
+            className: b(
               "relative mt-3 rounded-xl bg-black px-4 py-3 font-sans text-xs font-normal text-white transition-[opacity,transform] duration-300",
               "before:absolute before:-top-1 before:left-1/2 before:block before:size-2 before:-translate-x-1/2 before:rotate-45 before:rounded-xs before:bg-black",
               c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
             ),
-            children: "Paste the link in Safari"
+            children: e.goToSafari.linkPaste
           }
         )
       ] })

package/dist-lib/GoToSafariModal-Be-O5A-M.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./install-package-Dkv3eM_d.cjs"),s=require("react"),h=require("./Dialog-BRBYK08a.cjs"),l=require("./utils.cjs");function k(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const u=k(s),w=5e3,y=t=>{const[a,e]=s.useState(!1);return{handleCopy:s.useCallback(()=>{navigator.clipboard.writeText(t),e(!0),setTimeout(()=>e(!1),w)},[t]),isCopied:a}},C=t=>u.createElement("svg",{width:10,height:16,viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},u.createElement("path",{d:"M3.9375 12.25L6.35539 9.83211C6.74592 9.44158 6.74592 8.80842 6.35539 8.41789L3.9375 6",stroke:"#1E1C1F",strokeOpacity:.6,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),j=({open:t,onClose:a})=>{const{modal:e}=r.useMessages(),n=typeof window<"u"?window.location.href.replace(/\/$/,""):"",p=s.useMemo(()=>{const[i]=n.replace(/^https?:\/\//,"").split(/[?#]/);return i?.replace(/\/$/,"")??""},[n]),{handleCopy:c,isCopied:f}=y(n),d=l.getDeviceInfo(),x=d.browser==="opera"&&d.platform==="ios",g=s.useCallback(i=>{i||a()},[a]),m=s.useCallback(()=>{l.trackModalEvent("go_to_safari","click","button"),window.location.href=`x-safari-${n}`},[n]),b=s.useCallback(()=>{l.trackModalEvent("go_to_safari","click","link"),c()},[c]);return o.jsx(h.Dialog,{"aria-labelledby":"go-to-safari-modal",isDisplayingMargins:!0,open:t,onOpenChange:g,showCloseButton:!1,onBackClick:a,children:o.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center",children:[o.jsx("h1",{className:"mt-8 text-center font-sans text-5xl font-medium",children:e.goToSafari.title}),o.jsx("p",{className:"text-tertiary mt-5 w-11/12 text-center font-sans text-lg font-normal",children:e.goToSafari.caption}),o.jsx("p",{className:"text-tertiary w-11/12 text-center font-sans text-lg font-normal",children:e.goToSafari.description}),o.jsxs("div",{className:"mt-10 flex w-full flex-col items-center gap-5",children:[!x&&o.jsxs(r.Button,{className:"flex min-w-[206px] items-center justify-center gap-[6px] font-sans text-lg font-normal text-white!",onClick:m,size:"lg",children:[e.goToSafari.openButton,o.jsx(C,{})]}),o.jsx(r.Button,{className:"flex min-w-[206px] items-center justify-center gap-[6px] font-sans text-lg font-normal",onClick:b,size:"lg",variant:"text",children:f?e.goToSafari.linkCopied:p})]}),o.jsx("p",{className:r.clsx("relative mt-3 rounded-xl bg-black px-4 py-3 font-sans text-xs font-normal text-white transition-[opacity,transform] duration-300","before:absolute before:-top-1 before:left-1/2 before:block before:size-2 before:-translate-x-1/2 before:rotate-45 before:rounded-xs before:bg-black",f?"translate-y-0 opacity-100":"-translate-y-2 opacity-0"),children:e.goToSafari.linkPaste})]})})};exports.GoToSafariModal=j;

package/dist-lib/UpdateIOSModal-CF7lFNfI.js

@@ -0,0 +1,81 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useEffect as n, useCallback as l } from "react";
+import { B as m, V as u, c as i } from "./cdn-BmfyFccQ.js";
+import { u as p, B as f } from "./install-package-CZGZODly.js";
+import { D as h } from "./Dialog-B1D2BvMl.js";
+import { trackModalEvent as b } from "./utils.js";
+const x = i("/video/update-ios-poster.png"), g = i("/video/update-ios.h264.mp4"), k = ({
+  open: o,
+  onClose: t
+}) => {
+  const { modal: s } = p();
+  n(() => {
+    let a;
+    return o && (a = setTimeout(() => {
+      document.querySelector("video")?.play();
+    }, 600)), () => {
+      clearTimeout(a);
+    };
+  }, [o]);
+  const c = l(
+    (a) => {
+      a || t();
+    },
+    [t]
+  ), d = l(() => {
+    b("update_ios", "click", "close"), t();
+  }, [t]);
+  return /* @__PURE__ */ e(
+    h,
+    {
+      "aria-labelledby": "update-ios",
+      open: o,
+      onOpenChange: c,
+      showCloseButton: !1,
+      onBackClick: t,
+      children: /* @__PURE__ */ r("div", { className: "flex h-full flex-col items-center justify-center", children: [
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            className: "mt-3 text-center font-sans text-3xl font-medium",
+            id: "update-ios",
+            children: s.updateIos.title
+          }
+        ),
+        /* @__PURE__ */ r("section", { className: "mt-2", children: [
+          /* @__PURE__ */ e("p", { className: "mt-3 text-center font-sans text-xs font-normal", children: s.updateIos.description }),
+          /* @__PURE__ */ e(
+            m,
+            {
+              breadcrumbs: s.updateIos.breadcrumbs,
+              className: "mt-2 flex gap-1"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "relative mt-4 flex w-full grow justify-center overflow-hidden rounded-t-2xl bg-lightGray px-7 pt-7", children: /* @__PURE__ */ e(
+          u,
+          {
+            ariaLabel: "Instruction demonstrating the update process",
+            className: "shadow-14-50-98 rounded-t-[20px] border-8 border-b-0 border-white",
+            poster: x,
+            children: /* @__PURE__ */ e("source", { src: g, type: "video/mp4" })
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            "aria-label": s.close,
+            className: "mt-4 w-full",
+            onClick: d,
+            size: "lg",
+            type: "button",
+            children: s.close
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  k as UpdateIOSModal
+};

package/dist-lib/UpdateIOSModal-Mxvo1zPl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),l=require("./cdn-BonUyxCA.cjs"),c=require("./install-package-Dkv3eM_d.cjs"),d=require("./Dialog-BRBYK08a.cjs"),u=require("./utils.cjs"),m=l.cdn("/video/update-ios-poster.png"),p=l.cdn("/video/update-ios.h264.mp4"),x=({open:r,onClose:t})=>{const{modal:s}=c.useMessages();o.useEffect(()=>{let a;return r&&(a=setTimeout(()=>{document.querySelector("video")?.play()},600)),()=>{clearTimeout(a)}},[r]);const i=o.useCallback(a=>{a||t()},[t]),n=o.useCallback(()=>{u.trackModalEvent("update_ios","click","close"),t()},[t]);return e.jsx(d.Dialog,{"aria-labelledby":"update-ios",open:r,onOpenChange:i,showCloseButton:!1,onBackClick:t,children:e.jsxs("div",{className:"flex h-full flex-col items-center justify-center",children:[e.jsx("h2",{className:"mt-3 text-center font-sans text-3xl font-medium",id:"update-ios",children:s.updateIos.title}),e.jsxs("section",{className:"mt-2",children:[e.jsx("p",{className:"mt-3 text-center font-sans text-xs font-normal",children:s.updateIos.description}),e.jsx(l.Breadcrumbs,{breadcrumbs:s.updateIos.breadcrumbs,className:"mt-2 flex gap-1"})]}),e.jsx("div",{className:"relative mt-4 flex w-full grow justify-center overflow-hidden rounded-t-2xl bg-lightGray px-7 pt-7",children:e.jsx(l.VideoAutoplay,{ariaLabel:"Instruction demonstrating the update process",className:"shadow-14-50-98 rounded-t-[20px] border-8 border-b-0 border-white",poster:m,children:e.jsx("source",{src:p,type:"video/mp4"})})}),e.jsx(c.Button,{"aria-label":s.close,className:"mt-4 w-full",onClick:n,size:"lg",type:"button",children:s.close})]})})};exports.UpdateIOSModal=x;