@sonordev/site-kit 7.1.1 → 7.2.0

package/dist/chunk-NDF4A5JM.js

@@ -1,37 +0,0 @@
-import { VISUAL_VIEWPORT_GAP_PROPERTY } from './chunk-6T6CQVNL.js';
-
-// src/engage/launcher-placement.ts
-var DEFAULT_LAUNCHER_OFFSET_BOTTOM = "20px";
-var DEFAULT_ENGAGE_Z_INDEX = 9999;
-var LAUNCHER_OFFSET_PROPERTY = "--sk-echo-offset-bottom";
-var SIDE_GUTTER = "20px";
-var POPUP_ABOVE_LAUNCHER = "70px";
-var POPUP_VERTICAL_RESERVE = "100px";
-function toCssLength(value) {
-  if (typeof value === "number") return Number.isFinite(value) ? `${value}px` : void 0;
-  const trimmed = value?.trim();
-  return trimmed ? trimmed : void 0;
-}
-function chatLauncherStyles({ position, offsetBottom, zIndex } = {}) {
-  const side = position === "bottom-left" ? { left: SIDE_GUTTER } : { right: SIDE_GUTTER };
-  const offset = toCssLength(offsetBottom) ?? DEFAULT_LAUNCHER_OFFSET_BOTTOM;
-  const layer = typeof zIndex === "number" && Number.isFinite(zIndex) ? zIndex : DEFAULT_ENGAGE_Z_INDEX;
-  const clearance = `var(${LAUNCHER_OFFSET_PROPERTY}, ${offset}) + env(safe-area-inset-bottom, 0px) + var(${VISUAL_VIEWPORT_GAP_PROPERTY}, 0px)`;
-  return {
-    launcher: {
-      ...side,
-      bottom: `calc(${clearance})`
-    },
-    popup: {
-      ...side,
-      bottom: `calc(${clearance} + ${POPUP_ABOVE_LAUNCHER})`,
-      maxHeight: `calc(100dvh - (${clearance}) - ${POPUP_VERTICAL_RESERVE})`
-    },
-    // One beneath the launcher. At 0 or below, the same layer instead: -1
-    // would paint the popup behind the page's own content, and at a shared
-    // layer the launcher, which renders after the popup, still paints on top.
-    zIndex: { launcher: layer, popup: layer > 0 ? layer - 1 : layer }
-  };
-}
-
-export { DEFAULT_ENGAGE_Z_INDEX, DEFAULT_LAUNCHER_OFFSET_BOTTOM, chatLauncherStyles };

package/dist/chunk-RTMMHTEQ.js

@@ -1,100 +0,0 @@
-'use client';
-import { useDeferredActivation } from './chunk-YC7ELZS3.js';
-import React, { lazy, useRef, useEffect, useState, Suspense } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var InteractiveForm = lazy(
-  () => import('./ManagedForm-2GSSDJPP.js').then((m) => ({ default: m.ManagedForm }))
-);
-function FormEnhancer({
-  formId,
-  initialConfig,
-  className,
-  experience,
-  defaultValues,
-  onSuccess,
-  onError,
-  enter = "fade",
-  defer = true,
-  children
-}) {
-  const ready = useDeferredActivation(defer);
-  const [enhanced, setEnhanced] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-sk-form-mount": enhanced ? "enhanced" : "shell",
-      "data-sk-part": "form-mount",
-      style: enter === "fade" ? FADE_HOST : void 0,
-      children: [
-        enter === "fade" && /* @__PURE__ */ jsx(EnterStyles, {}),
-        ready ? /* @__PURE__ */ jsx(Suspense, { fallback: children, children: /* @__PURE__ */ jsx(Enhanced, { onMount: () => setEnhanced(true), fallback: children, children: /* @__PURE__ */ jsx(
-          InteractiveForm,
-          {
-            formId,
-            initialConfig,
-            className,
-            experience,
-            defaultValues,
-            onSuccess,
-            onError
-          }
-        ) }) }) : children
-      ]
-    }
-  );
-}
-var Enhanced = class extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { failed: false };
-  }
-  static getDerivedStateFromError() {
-    return { failed: true };
-  }
-  componentDidCatch(err) {
-    console.error("[Forms] Enhancement failed; keeping the native form:", err);
-  }
-  componentDidMount() {
-    if (!this.state.failed) this.props.onMount();
-  }
-  render() {
-    if (this.state.failed) return this.props.fallback;
-    return /* @__PURE__ */ jsx(FrameTag, { children: this.props.children });
-  }
-};
-function FrameTag({ children }) {
-  const ref = useRef(null);
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    el.setAttribute("data-sk-enter", "");
-    const id = requestAnimationFrame(() => el.removeAttribute("data-sk-enter"));
-    return () => cancelAnimationFrame(id);
-  }, []);
-  return /* @__PURE__ */ jsx("div", { ref, style: { display: "contents" }, children });
-}
-var FADE_HOST = {
-  transition: "opacity var(--sk-form-enter-duration, 320ms) var(--sk-form-enter-easing, cubic-bezier(.22,1,.36,1))"
-};
-function EnterStyles() {
-  return /* @__PURE__ */ jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: `
-[data-sk-part="form-mount"][data-sk-form-mount="shell"]{opacity:.55}
-[data-sk-part="form-mount"][data-sk-form-mount="enhanced"]{opacity:1}
-[data-sk-part="form-mount"] [data-sk-enter]{opacity:0;transform:translateY(var(--sk-form-enter-distance,6px))}
-[data-sk-part="form-mount"] [data-sk-enter] *{transition:none!important}
-@media (prefers-reduced-motion: reduce){
-[data-sk-part="form-mount"]{transition:none!important}
-[data-sk-part="form-mount"][data-sk-form-mount="shell"]{opacity:1}
-[data-sk-part="form-mount"] [data-sk-enter]{opacity:1;transform:none}
-}`
-      }
-    }
-  );
-}
-
-export { FormEnhancer };

package/dist/engage/DesignRenderer.d.ts

@@ -1,57 +0,0 @@
-/**
- * @sonordev/site-kit/engage - Design Renderer
- *
- * Renders design_json from Engage Studio as React components.
- * This is the runtime renderer that converts the visual builder's
- * JSON structure into actual React elements.
- */
-import React, { CSSProperties } from 'react';
-export interface DesignNode {
-    id: string;
-    type: string;
-    name: string;
-    children?: DesignNode[];
-    props?: Record<string, any>;
-    style?: CSSProperties;
-}
-export interface DesignDocument {
-    id: string;
-    type: string;
-    name: string;
-    children: DesignNode[];
-    style?: CSSProperties;
-    props?: Record<string, any>;
-}
-export interface DesignRendererProps {
-    design: DesignDocument;
-    onClose?: () => void;
-    onAction?: (action: ActionConfig, node: DesignNode) => void;
-    context?: EngageContext;
-}
-export interface ActionConfig {
-    action: string;
-    url?: string;
-    newTab?: boolean;
-    target?: string;
-    text?: string;
-    productId?: string;
-    formId?: string;
-}
-export interface EngageContext {
-    user?: {
-        name?: string;
-        email?: string;
-        isLoggedIn?: boolean;
-    };
-    cart?: {
-        itemCount?: number;
-        total?: number;
-    };
-    page?: {
-        url?: string;
-        title?: string;
-    };
-    [key: string]: any;
-}
-export declare function DesignRenderer({ design, onClose, onAction, context, }: DesignRendererProps): React.ReactElement;
-export default DesignRenderer;

package/dist/engage/element-rules.d.ts

@@ -1,38 +0,0 @@
-/**
- * @sonordev/site-kit/engage - the rules EngageWidget applies to popups,
- * banners and toasts, as pure functions (the package's tests have no DOM).
- *
- * Sonor validates every popup before it's published (sonor-api
- * popups/popup-contract.ts), so these are the second check: a link the kit
- * would follow or an image it would load must be safe here too, whatever the
- * API sent.
- */
-import type { EngageElement } from './types';
-/**
- * A URL a popup's button or link may send a visitor to: a path on this site,
- * an anchor, http(s), mailto or tel. Anything else (javascript:, data:,
- * protocol-relative) is undefined, and the kit doesn't navigate.
- */
-export declare function safeActionUrl(raw: unknown): string | undefined;
-/** An image a popup may load: http(s) or a path on this site. */
-export declare function safeImageSrc(raw: unknown): string | undefined;
-/** Exact path, or a prefix ending in `*`. The grammar Sonor stores page patterns in. */
-export declare function matchPath(pathname: string, pattern: string): boolean;
-export type DeviceType = 'desktop' | 'mobile' | 'tablet';
-export declare function deviceFromUserAgent(ua: string): DeviceType;
-/** The storage key that remembers a visitor saw (closed or clicked) an element. */
-export declare function seenKey(elementId: string): string;
-interface SeenStore {
-    local: Pick<Storage, 'getItem'> | null;
-    session: Pick<Storage, 'getItem'> | null;
-}
-/** Whether an element's targeting and frequency cap allow it on this page, for this visitor. */
-export declare function isEligible(element: EngageElement, pathname: string, device: DeviceType, store: SeenStore, now?: number): boolean;
-/**
- * The active list after `id` asks to show. A popup (the kind centred over a
- * dimmed page) waits while another is open, so two never stack; banners and
- * toasts show alongside. Elements arrive from Sonor highest priority first, so
- * the first popup to trigger is the one that wins a tie.
- */
-export declare function activateElement(active: string[], id: string, elements: EngageElement[]): string[];
-export {};