@mrrocket/sdk 0.18.0 → 0.22.0

package/dist/flows.js

@@ -1,4 +1,5 @@
 // src/flows.ts
+import { currentLocale, t, tf } from "./i18n.js";
 var CANCEL_EVENT = "$cancel_flow";
 var ONBOARDING_EVENT = "$onboarding";
 var INAPP_EVENT = "$inapp";
@@ -8,18 +9,20 @@ var PLAIN_CANCEL = {
   question: "",
   reasons: [],
   offers: {},
-  confirm: { title: "Cancel your subscription?", body: "You keep access until the end of the billing period.", button: "Cancel subscription" },
+  // Read when it is shown, so it follows the visitor's language.
+  get confirm() {
+    return { title: t("Cancel your subscription?"), body: t("You keep access until the end of the billing period."), button: t("Cancel subscription") };
+  },
   offersFor: "business"
 };
-var FAILED = "Something went wrong. Please try again.";
 var PROGRESS_KEY = "mrrocket:onboarding";
 var eventSlug = (s) => s.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
 var SIGNUP = /* @__PURE__ */ new Set(["signed_up", "signup", "sign_up", "registered", "account_created", "user_signed_up"]);
 var matchesTrigger = (trigger, event) => {
-  const t = eventSlug(trigger);
+  const t2 = eventSlug(trigger);
   const e = eventSlug(event);
-  if (!t || !e) return false;
-  return t === e || SIGNUP.has(t) && SIGNUP.has(e);
+  if (!t2 || !e) return false;
+  return t2 === e || SIGNUP.has(t2) && SIGNUP.has(e);
 };
 var startsOnLoad = (trigger) => /^(first (launch|visit|open|session|login|sign ?in|app open)|app (opened|launched)|on load|every visit|always)?$/i.test(trigger.trim());
 var FROM_CHECKLIST = "From a checklist";
@@ -30,16 +33,30 @@ var momentOf = (f) => f.when ?? f.trigger;
 var manual = (trigger) => eventSlug(trigger) === "from_a_checklist" || eventSlug(trigger) === "from_your_code" || eventSlug(trigger) === eventSlug(NEEDS_NEWER);
 var AFTER_PREFIX = "after:";
 var afterOf = (trigger) => {
-  const t = (trigger ?? "").trim();
-  return t.toLowerCase().startsWith(AFTER_PREFIX) ? t.slice(AFTER_PREFIX.length).trim() || null : null;
+  const t2 = (trigger ?? "").trim();
+  return t2.toLowerCase().startsWith(AFTER_PREFIX) ? t2.slice(AFTER_PREFIX.length).trim() || null : null;
 };
 var opensOf = (step) => step.opens ?? (step.startsTour ? { kind: "tour", id: step.startsTour } : void 0);
+var OTHER_PREFIX = "other:";
+var scaleOf = (q) => {
+  const min = q?.min ?? 0;
+  const max = q?.max ?? 10;
+  return Array.from({ length: Math.max(0, Math.min(max - min, 20) + 1) }, (_, i) => min + i);
+};
 var answerOk = (q, value) => {
   if (!q || value == null) return false;
-  if (q.type === "choice") return (q.options ?? []).some((o) => o.id === value);
+  if (q.type === "choice") {
+    if (q.other && value.startsWith(OTHER_PREFIX)) return value.slice(OTHER_PREFIX.length).trim().length > 0;
+    return (q.options ?? []).some((o) => o.id === value);
+  }
+  if (q.type === "scale") return scaleOf(q).some((n) => String(n) === value);
   return value.trim().length > 0 && value.length <= 500;
 };
-var answerLabel = (q, value) => q?.type === "choice" ? q.options?.find((o) => o.id === value)?.label ?? value : value.trim();
+var answerLabel = (q, value) => {
+  if (q?.type !== "choice") return value.trim();
+  if (q.other && value.startsWith(OTHER_PREFIX)) return value.slice(OTHER_PREFIX.length).trim();
+  return q.options?.find((o) => o.id === value)?.label ?? value;
+};
 var videoEmbed = (url) => {
   const u = (url ?? "").trim();
   if (!/^https?:\/\//i.test(u)) return null;
@@ -61,12 +78,14 @@ var runId = () => `cf_${Math.random().toString(36).slice(2, 10)}${Date.now().toS
 var discounted = (amount, percent) => Math.round(amount * (1 - percent / 100) * 100) / 100;
 var money = (amount, currency) => {
   try {
-    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(amount);
+    return new Intl.NumberFormat(currentLocale(), { style: "currency", currency }).format(amount);
   } catch {
     return `${amount.toFixed(2)} ${currency}`;
   }
 };
-var offerButton = (o) => o.kind === "contact" ? "Send to the team" : o.kind === "pause" ? "Pause instead" : o.kind === "downgrade" ? "Switch plan" : "Accept offer";
+var offerButton = (o) => o.kind === "contact" ? t("Send to the team") : o.kind === "pause" ? t("Pause instead") : o.kind === "downgrade" ? t("Switch plan") : t("Accept offer");
+var monthsWord = (n) => n === 1 ? t("1 month") : tf("{n} months", { n });
+var forMonths = (n) => tf("for {months}", { months: monthsWord(n) });
 var safeUrl = (url) => {
   const u = (url ?? "").trim();
   return /^https?:\/\//i.test(u) || /^\/(?!\/)/.test(u) ? u : void 0;
@@ -261,8 +280,8 @@ var createFlows = (env) => {
         flow,
         items: items.map((s) => {
           const o = opensOf(s);
-          const t = o && (o.kind === "tour" || o.kind === "modal") && o.id !== flow.id ? flowById(o.id) : void 0;
-          const target = t && t.shownBy !== "code" && nodesOf(t).length ? t : void 0;
+          const t2 = o && (o.kind === "tour" || o.kind === "modal") && o.id !== flow.id ? flowById(o.id) : void 0;
+          const target = t2 && t2.shownBy !== "code" && nodesOf(t2).length ? t2 : void 0;
           const opens = o && (o.kind === "page" ? !!o.target.trim() : o.kind === "code" || !!target) ? o : void 0;
           return {
             step: s,
@@ -401,7 +420,7 @@ var createFlows = (env) => {
   };
   const answerStep = (flow, step, raw) => {
     const q = step.question;
-    const value = q.type === "text" ? raw.trim().slice(0, 500) : raw;
+    const value = q.type === "text" ? raw.trim().slice(0, 500) : raw.startsWith(OTHER_PREFIX) ? OTHER_PREFIX + raw.slice(OTHER_PREFIX.length).trim().slice(0, 490) : raw;
     answers.set(q.key, value);
     drafts.delete(step.id);
     markDone(prog(flow.id), step.id);
@@ -512,7 +531,7 @@ var createFlows = (env) => {
       () => finish(c, r),
       () => {
         c.busy = false;
-        c.error = FAILED;
+        c.error = t("Something went wrong. Please try again.");
         emit();
       }
     );
@@ -592,8 +611,8 @@ var createFlows = (env) => {
       answer: (text) => {
         const c = cancel;
         if (!c || c.busy || c.screen !== "followup") return;
-        const t = text.slice(0, 500);
-        c.answer = t.trim() ? t : void 0;
+        const t2 = text.slice(0, 500);
+        c.answer = t2.trim() ? t2 : void 0;
         emit();
       },
       next: () => {
@@ -735,6 +754,17 @@ var createFlows = (env) => {
         drafts.set(v.step.id, String(value).slice(0, 500));
         emit();
       },
+      skip: () => {
+        const v = onboardingView();
+        const q = v?.type === "step" && v.step.kind === "question" ? v.step.question : void 0;
+        if (v?.type !== "step" || !q?.optional) return;
+        drafts.delete(v.step.id);
+        markDone(prog(v.flow.id), v.step.id);
+        env.track(ONBOARDING_EVENT, { flow: v.flow.id, step: v.step.id, kind: "question", action: "completed", question: q.key, skipped: true });
+        celebrate(v.flow);
+        save();
+        emit();
+      },
       back: () => {
         const v = onboardingView();
         if (v?.type !== "step" || v.step.kind !== "question" || !v.back) return;
@@ -837,6 +867,7 @@ export {
   INAPP_EVENT,
   NEEDS_NEWER,
   ONBOARDING_EVENT,
+  OTHER_PREFIX,
   PLAIN_CANCEL,
   REVIEW_EVENT,
   afterOf,
@@ -845,12 +876,14 @@ export {
   createFlows,
   discounted,
   eventSlug,
+  forMonths,
   isPageTrigger,
   matchesTrigger,
   mediaOf,
   momentOf,
   money,
   monthsSince,
+  monthsWord,
   nodesOf,
   offerButton,
   opensOf,
@@ -858,6 +891,7 @@ export {
   ruleMatches,
   runId,
   safeUrl,
+  scaleOf,
   startsOnLoad,
   videoEmbed,
   waitMs