npm - @preprio/prepr-nextjs - Versions diffs - 2.0.0-alpha.10 → 2.0.0-alpha.11 - Mend

@preprio/prepr-nextjs 2.0.0-alpha.10 → 2.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/react/index.d.cts CHANGED Viewed

@@ -4,22 +4,22 @@ interface PreprSegment {
     readonly _id: string;
     readonly name: string;
 }
-interface PreprPreviewBarOptions {
+interface PreprToolbarOptions {
     readonly debug?: boolean;
 }
-interface PreprPreviewBarProps {
+interface PreprToolbarProps {
     readonly activeSegment: string | null;
     readonly activeVariant: string | null;
     readonly data: readonly PreprSegment[];
 }
-interface PreprPreviewBarProviderProps {
+interface PreprToolbarProviderProps {
     children: ReactNode;
-    props: PreprPreviewBarProps;
-    options?: PreprPreviewBarOptions;
+    props: PreprToolbarProps;
+    options?: PreprToolbarOptions;
 }
-declare const PreprPreviewBarProvider: React.FC<PreprPreviewBarProviderProps>;
-declare const usePreprPreviewBar: () => {
+declare const PreprToolbarProvider: React.FC<PreprToolbarProviderProps>;
+declare const usePreprToolbar: () => {
     isPreviewMode: boolean;
     activeSegment: string;
     activeVariant: string | null;
@@ -38,6 +38,43 @@ declare const usePreprPreviewBar: () => {
     resetAll: () => void;
 };
-declare function PreprPreviewBar(): React.JSX.Element;
+declare function PreprToolbar(): React.JSX.Element;
-export { PreprPreviewBar, PreprPreviewBarProvider, usePreprPreviewBar };
+interface PreprTrackingPixelProps {
+    /**
+     * The Prepr access token (without the full GraphQL URL)
+     * Extract this from your PREPR_GRAPHQL_URL: https://graphql.prepr.io/YOUR_ACCESS_TOKEN
+     */
+    accessToken?: string;
+}
+/**
+ * PreprTrackingPixel component for user tracking
+ *
+ * This component loads the Prepr tracking script and initializes tracking.
+ * It should be included in your application to track user interactions.
+ *
+ * @param accessToken - Your Prepr access token
+ *
+ * @example
+ * ```tsx
+ * // In your layout or page
+ * import { PreprTrackingPixel } from '@preprio/prepr-nextjs/react'
+ *
+ * // Extract token from PREPR_GRAPHQL_URL
+ * const accessToken = process.env.PREPR_GRAPHQL_URL?.split('/').pop() || ''
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <html>
+ *       <head>
+ *         <PreprTrackingPixel accessToken={accessToken!} />
+ *       </head>
+ *       <body>{children}</body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ */
+declare function PreprTrackingPixel({ accessToken, }: PreprTrackingPixelProps): React.JSX.Element | null;
+export { PreprToolbar, PreprToolbarProvider, PreprTrackingPixel, usePreprToolbar };

package/dist/react/index.d.ts CHANGED Viewed

@@ -4,22 +4,22 @@ interface PreprSegment {
     readonly _id: string;
     readonly name: string;
 }
-interface PreprPreviewBarOptions {
+interface PreprToolbarOptions {
     readonly debug?: boolean;
 }
-interface PreprPreviewBarProps {
+interface PreprToolbarProps {
     readonly activeSegment: string | null;
     readonly activeVariant: string | null;
     readonly data: readonly PreprSegment[];
 }
-interface PreprPreviewBarProviderProps {
+interface PreprToolbarProviderProps {
     children: ReactNode;
-    props: PreprPreviewBarProps;
-    options?: PreprPreviewBarOptions;
+    props: PreprToolbarProps;
+    options?: PreprToolbarOptions;
 }
-declare const PreprPreviewBarProvider: React.FC<PreprPreviewBarProviderProps>;
-declare const usePreprPreviewBar: () => {
+declare const PreprToolbarProvider: React.FC<PreprToolbarProviderProps>;
+declare const usePreprToolbar: () => {
     isPreviewMode: boolean;
     activeSegment: string;
     activeVariant: string | null;
@@ -38,6 +38,43 @@ declare const usePreprPreviewBar: () => {
     resetAll: () => void;
 };
-declare function PreprPreviewBar(): React.JSX.Element;
+declare function PreprToolbar(): React.JSX.Element;
-export { PreprPreviewBar, PreprPreviewBarProvider, usePreprPreviewBar };
+interface PreprTrackingPixelProps {
+    /**
+     * The Prepr access token (without the full GraphQL URL)
+     * Extract this from your PREPR_GRAPHQL_URL: https://graphql.prepr.io/YOUR_ACCESS_TOKEN
+     */
+    accessToken?: string;
+}
+/**
+ * PreprTrackingPixel component for user tracking
+ *
+ * This component loads the Prepr tracking script and initializes tracking.
+ * It should be included in your application to track user interactions.
+ *
+ * @param accessToken - Your Prepr access token
+ *
+ * @example
+ * ```tsx
+ * // In your layout or page
+ * import { PreprTrackingPixel } from '@preprio/prepr-nextjs/react'
+ *
+ * // Extract token from PREPR_GRAPHQL_URL
+ * const accessToken = process.env.PREPR_GRAPHQL_URL?.split('/').pop() || ''
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <html>
+ *       <head>
+ *         <PreprTrackingPixel accessToken={accessToken!} />
+ *       </head>
+ *       <body>{children}</body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ */
+declare function PreprTrackingPixel({ accessToken, }: PreprTrackingPixelProps): React.JSX.Element | null;
+export { PreprToolbar, PreprToolbarProvider, PreprTrackingPixel, usePreprToolbar };

package/dist/react/index.js CHANGED Viewed

@@ -1,3 +1,11 @@
 "use client";
-"use client";var qe=Object.defineProperty,Je=Object.defineProperties;var Ye=Object.getOwnPropertyDescriptors;var Ee=Object.getOwnPropertySymbols;var Qe=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var we=(r,e,t)=>e in r?qe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,x=(r,e)=>{for(var t in e||(e={}))Qe.call(e,t)&&we(r,t,e[t]);if(Ee)for(var t of Ee(e))et.call(e,t)&&we(r,t,e[t]);return r},z=(r,e)=>Je(r,Ye(e));import K,{useEffect as ft,useCallback as Te,useMemo as gt}from"react";import tt,{createContext as rt,useContext as ot,useState as nt}from"react";var Q={DECODE_FAILED:"STEGA_DECODE_FAILED",INVALID_FORMAT:"STEGA_INVALID_FORMAT",DOM_MANIPULATION_FAILED:"DOM_MANIPULATION_FAILED",CONTEXT_NOT_FOUND:"CONTEXT_NOT_FOUND"};function ee(r,e,t,o){return{type:r,context:e,message:t.message,timestamp:new Date().toISOString(),stack:t.stack,additionalData:o}}function Ce(r,e,t){let o=ee(Q.DECODE_FAILED,e,r,t);return console.error("Stega Error:",o),process.env.NODE_ENV,o}function b(r,e){let t=ee(Q.DOM_MANIPULATION_FAILED,e,r);return console.error("DOM Error:",t),t}function V(r){let e=new Error(`${r} must be used within its provider`),t=ee(Q.CONTEXT_NOT_FOUND,r,e);throw console.error("Context Error:",t),e}var be=rt(void 0);function te({children:r,initialSegments:e,activeSegment:t}){let o=[{_id:"all_other_users",name:"All other users"},...e],n={name:"Choose segment",_id:"null"},[i,s]=nt(o&&o.filter(l=>l._id===t)[0]||n),a={segments:o,selectedSegment:i,setSelectedSegment:s,emptySegment:n};return tt.createElement(be.Provider,{value:a},r)}function _(){let r=ot(be);return r||V("useSegmentContext"),r}import it,{createContext as st,useContext as at,useState as lt}from"react";var ye=st(void 0);function re({children:r,activeVariant:e}){let t="null",[o,n]=lt(e||"null"),i={selectedVariant:o,setSelectedVariant:n,emptyVariant:t};return it.createElement(ye.Provider,{value:i},r)}function H(){let r=at(ye);return r||V("useVariantContext"),r}import pt,{createContext as dt,useContext as ct,useState as Se,useEffect as Pe}from"react";var Me=dt(void 0);function oe({children:r}){let[e,t]=Se(!1),[o,n]=Se(!1);Pe(()=>{window.parent!==self&&n(!0)},[]),Pe(()=>{let s=a=>{a.key==="Escape"&&e&&t(!1)};return e&&document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[e]);let i={editMode:e,setEditMode:t,isIframe:o};return pt.createElement(Me.Provider,{value:i},r)}function y(){let r=ct(Me);return r||V("useEditModeContext"),r}import ne,{Component as ut}from"react";var G=class extends ut{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Stega Error Boundary caught an error:",e,t),process.env.NODE_ENV}render(){var e;return this.state.hasError?this.props.fallback?this.props.fallback:ne.createElement("div",{className:"p-rounded-lg p-border p-border-red-200 p-bg-red-50 p-p-4 p-text-sm p-text-red-800"},ne.createElement("div",{className:"p-mb-2 p-font-semibold"},"Preview mode unavailable"),ne.createElement("div",{className:"p-text-red-600"},((e=this.state.error)==null?void 0:e.message)||"An unexpected error occurred")):this.props.children}};var Z=class r{constructor(e){this.options=x({prefix:"[Prepr]"},e)}log(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.log(`${o} ${e}`,...t)}warn(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.warn(`${o} ${e}`,...t)}error(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.error(`${o} ${e}`,...t)}scope(e){return new r(z(x({},this.options),{prefix:`${this.options.prefix}[${e}]`}))}},W=null;function Le(r=!1){W=new Z({enabled:r})}function mt(){return W||(W=new Z({enabled:!1})),W}function S(r){return mt().scope(r)}var ht=({children:r,props:e,options:t})=>{let{activeSegment:o,activeVariant:n,data:i}=e;return ft(()=>{var a;let s=(a=t==null?void 0:t.debug)!=null?a:!1;Le(s)},[t==null?void 0:t.debug]),K.createElement(G,null,K.createElement(te,{initialSegments:i,activeSegment:o},K.createElement(re,{activeVariant:n},K.createElement(oe,null,r))))},D=()=>{let r=_(),e=H(),t=y(),o=Te(()=>{r.setSelectedSegment(r.emptySegment),e.setSelectedVariant(e.emptyVariant)},[r,e]),n=Te(()=>{r.setSelectedSegment(r.emptySegment),e.setSelectedVariant(e.emptyVariant),t.setEditMode(!1)},[r,e,t]);return gt(()=>({isPreviewMode:!1,activeSegment:r.selectedSegment._id,activeVariant:e.selectedVariant,data:r.segments,emptySegment:r.emptySegment,segmentList:r.segments,selectedSegment:r.selectedSegment,setSelectedSegment:r.setSelectedSegment,emptyVariant:e.emptyVariant,selectedVariant:e.selectedVariant,setSelectedVariant:e.setSelectedVariant,editMode:t.editMode,setEditMode:t.setEditMode,isIframe:t.isIframe,resetPersonalization:o,resetAll:n}),[r.selectedSegment,r.segments,r.emptySegment,r.setSelectedSegment,e.selectedVariant,e.emptyVariant,e.setSelectedVariant,t.editMode,t.setEditMode,t.isIframe,o,n])};import Y from"react";import{useEffect as Et,useRef as wt,useCallback as Ie,useMemo as Ct}from"react";var h=class{static createElement(e,t){try{let o=document.createElement(e);return o.className=t,o}catch(o){throw b(o,"createElement"),o}}static appendToBody(e){try{document.body.appendChild(e)}catch(t){throw b(t,"appendToBody"),t}}static removeFromBody(e){try{e.parentNode&&e.parentNode.removeChild(e)}catch(t){throw b(t,"removeFromBody"),t}}static setElementStyles(e,t){try{Object.entries(t).forEach(([o,n])=>{e.style.setProperty(o,n)})}catch(o){throw b(o,"setElementStyles"),o}}static getElementRect(e){try{return e.getBoundingClientRect()}catch(t){throw b(t,"getElementRect"),t}}static isElementInViewport(e){try{let t=this.getElementRect(e);return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}catch(t){return b(t,"isElementInViewport"),!1}}static calculateDistance(e,t,o,n){return Math.sqrt(Math.pow(o-e,2)+Math.pow(n-t,2))}static findClosestElement(e,t,o){try{let n=null,i=1/0;return o.forEach(s=>{let a=this.getElementRect(s),l=this.calculateDistance(e,t,a.left+a.width/2,a.top+a.height/2);l<i&&(i=l,n=s)}),n}catch(n){return b(n,"findClosestElement"),null}}static addEventListener(e,t,o,n){try{e.addEventListener(t,o,n)}catch(i){throw b(i,"addEventListener"),i}}static removeEventListener(e,t,o,n){try{e.removeEventListener(t,o,n)}catch(i){throw b(i,"removeEventListener"),i}}};function Ne(r,e){let t=null,o=0,n=(...i)=>{let s=Date.now(),a=s-o;a>=e?(r(...i),o=s):(t&&clearTimeout(t),t=setTimeout(()=>{r(...i),o=Date.now(),t=null},e-a))};return n.cancel=()=>{t&&(clearTimeout(t),t=null)},n}function De(r,e=1e3){let t=null,o=0;return()=>{let n=Date.now();return(!t||n-o>e)&&(t=document.querySelectorAll(r),o=n),t}}import{useRef as U,useCallback as j}from"react";import{vercelStegaDecode as Ve}from"@vercel/stega";function vt(r){if(!r)return null;let e=S("decode");try{e.log("attempting to decode stega data");let t=Ve(r);if(e.log("vercelStegaDecode result:",t),t!=null&&t.href)return e.log("successfully decoded",t),t}catch(t){e.log("error decoding stega data:",t);let o=/{"origin.*?}/,n=r.match(o);if(n)try{let i=Ve(n[0]);if(i!=null&&i.href)return e.log("successfully decoded with regex match",i),i}catch(i){Ce(i,"decode",{input:r})}}return null}function Be(){let r=S("useStegaOverlay"),e=U(null),t=U(null),o=U(null),n=U(null),i=j(()=>{let c=h.createElement("div","prepr-overlay");c.style.display="none";let d=h.createElement("div","prepr-tooltip");return d.style.display="none",h.appendToBody(c),h.appendToBody(d),e.current=c,t.current=d,r.log("created overlay and tooltip elements"),{overlay:c,tooltip:d}},[r]),s=j(c=>{if(!e.current||!t.current)return;o.current&&(clearTimeout(o.current),o.current=null);let d=h.getElementRect(c),u=c.getAttribute("data-prepr-href"),p=c.getAttribute("data-prepr-origin");r.log("showing overlay for element:",{href:u,origin:p,rect:d});let m=e.current;m.style.display="block",m.style.top=`${d.top+window.scrollY-2}px`,m.style.left=`${d.left+window.scrollX-4}px`,m.style.width=`${d.width+8}px`,m.style.height=`${d.height+4}px`;let f=t.current;if(f&&u&&p){let v=d.width<80;f.textContent=v?"\u2197":`${p} \u2197`,f.style.display="block",v?f.style.minWidth="auto":f.style.minWidth="80px",requestAnimationFrame(()=>{f&&(f.style.top=`${d.top+window.scrollY-f.clientHeight-2}px`,f.style.left=`${d.right+4-f.clientWidth}px`)}),f.onclick=()=>window.open(u,"_blank","noopener,noreferrer")}n.current=c},[r]),a=j(()=>{!e.current||!t.current||(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{e.current&&(e.current.style.display="none"),t.current&&(t.current.style.display="none"),n.current=null,r.log("hidden overlay and tooltip")},100))},[r]),l=j(()=>{o.current&&clearTimeout(o.current),e.current&&h.removeFromBody(e.current),t.current&&h.removeFromBody(t.current),r.log("cleaned up overlay and tooltip")},[r]);return{overlayRef:e,tooltipRef:t,currentElementRef:n,hideTimeoutRef:o,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:vt}}import{useRef as xt,useCallback as Oe}from"react";function Ae(){let r=S("useStegaProximity"),e=xt(new Set),t=De("[data-prepr-encoded]",500),o=Oe((i,s)=>{let a=t(),l=new Set,c=0;a.forEach(d=>{let u=d.getBoundingClientRect(),p=Math.abs(i-u.left),m=Math.abs(i-u.right),f=Math.abs(s-u.top),T=Math.abs(s-u.bottom),v=Math.min(p,m,f,T),C=d;if(v<150){let P=i-u.left,M=s-u.top;C.style.setProperty("--cursor-x",`${P}px`),C.style.setProperty("--cursor-y",`${M}px`);let N=Math.max(150,Math.max(u.width,u.height)*1.1),R=Math.max(0,(400-v)/400),$=N*R;C.style.setProperty("--gradient-size",`${$}px`),C.classList.add("prepr-proximity-highlight"),l.add(C),c++}else C.classList.remove("prepr-proximity-highlight")}),e.current=l,c>0&&r.log("highlighted",c,"elements near cursor")},[r,t]),n=Oe(()=>{let i=e.current,s=0;i.forEach(a=>{a.classList.remove("prepr-proximity-highlight"),s++}),e.current.clear(),s>0&&r.log("cleared highlights from",s,"elements")},[r]);return{updateElementGradients:o,clearAllHighlights:n,highlightedElementsRef:e}}import{useRef as _e,useCallback as I}from"react";function He(){let r=S("useStegaElements"),e=_e(void 0),t=_e(null),o=I(()=>(e.current||(e.current=document.querySelectorAll("[data-prepr-encoded]")),e.current),[]),n=I((l,c)=>{var d,u;if(l.nodeType===Node.TEXT_NODE){if(!((d=l.textContent)!=null&&d.trim())||(u=l.parentElement)!=null&&u.closest("script, style, noscript"))return;let p=c(l.textContent);if(p!=null&&p.href){let m=l.parentElement;m&&!m.hasAttribute("data-prepr-encoded")&&(m.setAttribute("data-prepr-encoded",""),m.setAttribute("data-prepr-href",p.href),m.setAttribute("data-prepr-origin",p.origin),r.log("encoded element found:",{href:p.href,origin:p.origin}))}}else if(l.nodeType===Node.ELEMENT_NODE)for(let p=0;p<l.childNodes.length;p++)n(l.childNodes[p],c)},[r]),i=I(l=>{r.log("starting document scan");let c=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,{acceptNode:p=>{var m,f;return(m=p.parentElement)!=null&&m.closest("script, style, noscript")||!((f=p.textContent)!=null&&f.trim())?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),d,u=0;for(;d=c.nextNode();){let p=l(d.textContent);if(p!=null&&p.href){let m=d.parentElement;m&&!m.hasAttribute("data-prepr-encoded")&&(m.setAttribute("data-prepr-encoded",""),m.setAttribute("data-prepr-href",p.href),m.setAttribute("data-prepr-origin",p.origin),u++)}}r.log("document scan complete, encoded",u,"elements"),e.current=document.querySelectorAll("[data-prepr-encoded]")},[r]),s=I(l=>{t.current&&t.current.disconnect();let c=[],d=null,u=()=>{let p=new Set;c.forEach(m=>{m.addedNodes.forEach(f=>p.add(f))}),p.forEach(m=>n(m,l)),c=[],e.current=document.querySelectorAll("[data-prepr-encoded]")};t.current=new MutationObserver(p=>{c.push(...p),d&&clearTimeout(d),d=setTimeout(u,100)}),t.current.observe(document.body,{childList:!0,subtree:!0}),r.log("mutation observer set up")},[n,r]),a=I(()=>{t.current&&(t.current.disconnect(),t.current=null);let l=document.querySelectorAll("[data-prepr-encoded]");l.forEach(c=>{c.removeAttribute("data-prepr-encoded"),c.removeAttribute("data-prepr-href"),c.removeAttribute("data-prepr-origin")}),r.log("cleaned up",l.length,"encoded elements"),e.current=void 0},[r]);return{getElements:o,scanDocument:i,setupMutationObserver:s,cleanup:a}}function ie(r){let e=S("useStegaScan"),t=wt(!1),{currentElementRef:o,hideTimeoutRef:n,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:c}=Be(),{updateElementGradients:d,clearAllHighlights:u}=Ae(),{getElements:p,scanDocument:m,setupMutationObserver:f,cleanup:T}=He(),v=Ct(()=>Ne(M=>{let N=M,R=N.target;if(R.closest(".prepr-tooltip"))return;d(N.clientX,N.clientY);let $=R.closest("[data-prepr-encoded]");$?s($):a()},16),[d,s,a]),C=Ie(()=>{n.current&&(clearTimeout(n.current),n.current=null)},[n]),P=Ie(()=>{o.current||a()},[o,a]);Et(()=>{if(e.log("editMode changed to",r),!r){e.log("editMode is false, cleaning up"),t.current&&(h.removeEventListener(document,"mousemove",v),l(),u(),T(),t.current=!1);return}if(t.current){e.log("already initialized, skipping setup");return}e.log("editMode is true, setting up scanning");let{tooltip:M}=i();e.log("created overlay and tooltip"),h.addEventListener(M,"mouseenter",C),h.addEventListener(M,"mouseleave",P),e.log("starting document scan"),m(c);let N=p();return e.log("found",N.length,"encoded elements after scan"),f(c),e.log("set up mutation observer"),h.addEventListener(document,"mousemove",v),e.log("added throttled mousemove handler"),t.current=!0,()=>{e.log("cleaning up"),h.removeEventListener(document,"mousemove",v),h.removeEventListener(M,"mouseenter",C),h.removeEventListener(M,"mouseleave",P),n.current&&clearTimeout(n.current),l(),u(),T(),t.current=!1}},[r])}import zt,{useEffect as Gt,useState as Wt}from"react";import E,{useEffect as me,useState as Rt}from"react";import{createPortal as $t}from"react-dom";import{clsx as bt}from"clsx";import{twMerge as yt}from"tailwind-merge";function w(...r){return yt(bt(r))}import{useEffect as ke,useRef as Fe}from"react";function Re({isVisible:r,onClose:e}){let t=Fe(null),o=Fe(null);return ke(()=>(r?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[r]),ke(()=>{let n=s=>{s.key==="Escape"&&e()},i=s=>{s.target.closest('[role="listbox"], [role="option"]')||t.current&&!t.current.contains(s.target)&&o.current&&!o.current.contains(s.target)&&e()};return r&&(document.addEventListener("keydown",n),document.addEventListener("mousedown",i)),()=>{document.removeEventListener("keydown",n),document.removeEventListener("mousedown",i)}},[r,e]),{contentRef:t,triggerRef:o}}import g from"react";import B from"react";var St=r=>B.createElement("svg",z(x({width:"102",height:"28",viewBox:"0 0 102 28",fill:"none"},r),{xmlns:"http://www.w3.org/2000/svg"}),B.createElement("path",{d:"M39.2674 2.19699C39.2757 2.18321 39.2839 2.16943 39.291 2.15528L39.2939 2.15057L39.2935 2.1502C39.3379 2.06208 39.3633 1.96308 39.3633 1.85754C39.3633 1.62109 39.2374 1.41474 39.0507 1.30231C39.0485 1.30014 39.0467 1.29651 39.0446 1.29578C35.1089 -0.88088 29.8537 -0.36627 26.3741 3.2632C24.4207 5.3006 23.4231 7.92116 23.3716 10.5544H23.3684V20.893C23.3684 21.2495 23.6538 21.5389 24.0058 21.5389H26.98C27.332 21.5389 27.6174 21.2495 27.6174 20.893V10.7698H27.6192C27.6192 9.14658 28.2169 7.52187 29.4209 6.26599C31.5699 4.02478 34.7423 3.8565 36.9299 5.03659C36.9367 5.04058 36.9439 5.04384 36.9507 5.04747C36.9557 5.05001 36.9607 5.05254 36.9657 5.05508H36.9664C37.0494 5.09497 37.1417 5.11782 37.2393 5.11782C37.4879 5.11782 37.7032 4.97276 37.808 4.76206L39.2674 2.19699Z",fill:"#4338CA"}),B.createElement("path",{d:"M10.6216 0.000244141C4.75551 0.000244141 0 4.82177 0 10.7693V27.3543C0 27.7108 0.285079 28.0002 0.637405 28.0002H3.61161C3.96358 28.0002 4.24902 27.7108 4.24902 27.3543V19.3853C6.02424 20.7373 8.23084 21.5388 10.622 21.5388C16.4878 21.5388 21.244 16.7173 21.244 10.7697C21.2437 4.82177 16.4878 0.000244141 10.6216 0.000244141ZM10.6216 17.2311C7.10196 17.2311 4.24866 14.3382 4.24866 10.7693C4.24866 7.20079 7.10196 4.30788 10.6216 4.30788C14.1413 4.30788 16.995 7.20079 16.995 10.7693C16.995 14.3379 14.1413 17.2311 10.6216 17.2311Z",fill:"#4338CA"}),B.createElement("path",{d:"M73.259 0C67.3932 0 62.6373 4.82152 62.6373 10.7691V27.3541C62.6373 27.7106 62.9228 28 63.2747 28H66.2489C66.6009 28 66.8863 27.7106 66.8863 27.3541V19.3854C68.6616 20.7374 70.8682 21.5389 73.2593 21.5389C79.1251 21.5389 83.8813 16.7174 83.8813 10.7698C83.881 4.82152 79.1248 0 73.259 0ZM73.259 17.2309C69.7393 17.2309 66.886 14.338 66.886 10.7691C66.886 7.20055 69.7393 4.30764 73.259 4.30764C76.7783 4.30764 79.632 7.20055 79.632 10.7691C79.632 14.3376 76.7783 17.2309 73.259 17.2309Z",fill:"#4338CA"}),B.createElement("path",{d:"M60.439 10.9845C60.439 5.03657 55.6827 0 49.817 0C43.9508 0 39.1953 4.82152 39.1953 10.7691C39.1953 16.7167 43.9508 21.5382 49.817 21.5382C53.1374 21.5382 55.8763 19.9954 57.5939 18.1031C57.5939 18.1031 57.5942 18.1027 57.5946 18.1024C57.596 18.1009 57.5975 18.0995 57.5985 18.098C57.7112 17.9812 57.7806 17.822 57.7806 17.6461C57.7806 17.4601 57.7026 17.2929 57.5785 17.1751V17.1743L57.5696 17.1671C57.5535 17.1522 57.5367 17.1384 57.5188 17.1254L55.2464 15.2501C55.1344 15.1503 54.9877 15.0891 54.8264 15.0891C54.6261 15.0891 54.4476 15.183 54.331 15.3291C53.3216 16.3707 51.7256 17.2309 49.8166 17.2309C46.2969 17.2309 43.4436 14.338 43.4436 10.7691C43.4436 7.20055 46.2969 4.30764 49.8166 4.30764C52.5909 4.30764 54.9505 6.10605 55.8255 8.61527H50.3474C49.9954 8.61527 49.71 8.90467 49.71 9.26152V12.277C49.71 12.6339 49.9954 12.9233 50.3474 12.9233H59.5884C59.6059 12.9233 59.6227 12.9218 59.6399 12.9207C59.6571 12.9222 59.6742 12.9233 59.6914 12.9233C59.9743 12.9233 60.214 12.7361 60.2973 12.4772L60.3045 12.4783C60.308 12.4551 60.3116 12.4326 60.3152 12.4097C60.3199 12.3876 60.3234 12.3655 60.3256 12.3427C60.4003 11.861 60.439 11.5172 60.439 10.9845Z",fill:"#4338CA"}),B.createElement("path",{d:"M101.928 2.15406L101.931 2.14934L101.93 2.14898C101.974 2.06085 102 1.96185 102 1.85632C102 1.61987 101.874 1.41351 101.687 1.30109C101.685 1.29891 101.683 1.29529 101.681 1.29456C97.7455 -0.882101 92.4903 -0.367491 89.0107 3.26198C87.0573 5.29938 86.0597 7.91993 86.0082 10.5532H86.005V20.8918C86.005 21.2483 86.2904 21.5377 86.6424 21.5377H89.6166C89.9686 21.5377 90.254 21.2483 90.254 20.8918V10.7686H90.2555C90.2555 9.14535 90.8532 7.52065 92.0571 6.26477C94.2062 4.02355 97.3785 3.85528 99.5662 5.03537C99.573 5.03936 99.5801 5.04262 99.5869 5.04624C99.5919 5.04878 99.5969 5.05132 99.6019 5.05386H99.6027C99.6856 5.09375 99.7779 5.11696 99.8756 5.11696C100.124 5.11696 100.339 4.9719 100.444 4.7612L101.905 2.19685C101.913 2.18235 101.92 2.16856 101.928 2.15406Z",fill:"#4338CA"})),$e=St;import L from"react";import{usePathname as Pt,useRouter as Mt}from"next/navigation";import{Listbox as Lt,ListboxButton as Tt,ListboxOption as Nt,ListboxOptions as Dt}from"@headlessui/react";import ze from"react";function se(r){return ze.createElement("svg",x({width:"9",height:"6",viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),ze.createElement("path",{d:"M5.24274 5.36865C4.91462 5.72412 4.3404 5.72412 4.01227 5.36865L0.512273 1.86865C0.266179 1.62256 0.184148 1.23975 0.320867 0.911621C0.457586 0.583496 0.785711 0.364746 1.14118 0.364746H8.14118C8.46931 0.364746 8.79743 0.583496 8.93415 0.911621C9.07087 1.23975 8.98884 1.62256 8.74274 1.86865L5.24274 5.36865Z",fill:"currentColor"}))}function ae(){let{segments:r,setSelectedSegment:e,selectedSegment:t}=_(),o=Pt(),n=Mt(),i=s=>{let a=new URLSearchParams(window.location.search),l=r.find(c=>c._id===s);l&&(e(l),a.set("prepr_preview_segment",s),n.push(`${o}?${a.toString()}`,{scroll:!1}),n.refresh())};return L.createElement(Lt,{value:t._id,onChange:s=>i(s)},L.createElement(Tt,{as:"button",disabled:!(r&&r.length>0),className:"p-regular-text p-flex p-h-10 p-w-[240px] p-shrink-0 p-flex-nowrap p-items-center p-gap-2 p-overflow-hidden p-text-ellipsis p-text-nowrap p-rounded-lg p-border p-border-gray-300 p-bg-white p-px-2 p-text-gray-500 disabled:p-cursor-not-allowed disabled:p-bg-gray-200 disabled:p-text-gray-400 data-[open]:p-rounded-b-none data-[open]:p-border-b-white md:p-px-4"},L.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},r.length>0?t.name:"No segments"),L.createElement("div",{className:"p-text-gray-800"},L.createElement(se,null))),L.createElement(Dt,{anchor:"bottom start",className:"p-no-scrollbar p-z-[9999] !p-max-h-[300px] p-w-[240px] p-rounded-b-md p-border-x p-border-b p-border-gray-300 p-bg-white p-shadow-xl"},r==null?void 0:r.map(s=>L.createElement(Nt,{key:s._id,value:s._id,className:w("p-regular-text p-z-[100] p-flex p-w-full p-items-center p-p-2 p-px-4 hover:p-cursor-pointer",s._id===t._id?"p-bg-indigo-50 p-text-indigo-700":"p-bg-white p-text-gray-900 hover:p-bg-gray-100")},L.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},s.name)))))}import Ot from"react";import{usePathname as At,useRouter as _t}from"next/navigation";import Ge from"react";import{Radio as Vt,RadioGroup as Bt}from"@headlessui/react";function k({value:r,onChange:e,options:t}){return Ge.createElement(Bt,{className:"p-flex p-h-10 p-items-center p-gap-1 p-rounded-lg p-border p-border-gray-300 p-bg-white p-p-1",value:r,onChange:e},t.map(o=>Ge.createElement(Vt,{key:String(o.value),value:o.value,className:w(o.width||"p-w-[58px]","p-regular-text p-flex p-h-8 p-cursor-pointer p-items-center p-justify-center p-rounded-md p-px-4.5 p-py-2 p-text-center p-text-gray-900 p-transition-all p-duration-200 p-ease-in-out",o.value===!1||o.value==="null"||o.value==="off"?"data-[checked]:p-bg-gray-800 data-[checked]:p-text-white":"data-[checked]:p-bg-indigo-600 data-[checked]:p-text-white",o.value===r&&"p-drop-shadow-3")},o.label)))}function le(){let{selectedVariant:r,setSelectedVariant:e,emptyVariant:t}=H(),o=At(),n=_t();return Ot.createElement(k,{value:r||t,onChange:a=>{let l=new URLSearchParams(window.location.search);e(String(a)),l.set("prepr_preview_ab",String(a)),n.push(`${o}?${l.toString()}`,{scroll:!1}),n.refresh()},options:[{value:"null",label:"Off",width:"p-w-[58px]"},{value:"A",label:"A",width:"p-w-[82px]"},{value:"B",label:"B",width:"p-w-[82px]"}]})}import Ht from"react";function pe(){let{editMode:r,setEditMode:e}=y(),t=n=>{e(n==="true"||n===!0)};return Ht.createElement(k,{options:[{value:"false",label:"Off"},{value:"true",label:"On"}],value:r.toString(),onChange:t})}import ce from"react";import{usePathname as It,useRouter as kt}from"next/navigation";import We from"react";function de(){return We.createElement("svg",{width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},We.createElement("path",{d:"M3.37109 5.80078C3.20703 6.26562 2.6875 6.51172 2.25 6.34766C1.78516 6.18359 1.53906 5.69141 1.70312 5.22656C2.00391 4.37891 2.49609 3.58594 3.15234 2.92969C5.55859 0.550781 9.41406 0.550781 11.8203 2.92969L12.2852 3.42188V2C12.2852 1.53516 12.6953 1.125 13.1602 1.125C13.6523 1.125 14.0352 1.53516 14.0352 2V5.5C14.0352 5.99219 13.6523 6.375 13.1602 6.375H9.6875C9.19531 6.375 8.8125 5.99219 8.8125 5.5C8.8125 5.03516 9.19531 4.625 9.6875 4.625H11.0547L10.5898 4.16016C8.86719 2.46484 6.10547 2.46484 4.38281 4.16016C3.91797 4.65234 3.5625 5.19922 3.37109 5.80078ZM1.56641 8.17969C1.59375 8.15234 1.64844 8.15234 1.67578 8.15234C1.73047 8.15234 1.75781 8.125 1.8125 8.125H5.3125C5.77734 8.125 6.1875 8.53516 6.1875 9C6.1875 9.49219 5.77734 9.875 5.3125 9.875H3.91797L4.38281 10.3672C6.10547 12.0625 8.86719 12.0625 10.5898 10.3672C11.0547 9.875 11.4102 9.32812 11.6016 8.72656C11.7656 8.26172 12.2852 8.01562 12.7227 8.17969C13.1875 8.34375 13.4336 8.83594 13.2695 9.30078C12.9688 10.1484 12.4766 10.9141 11.8203 11.5977C9.41406 13.9766 5.55859 13.9766 3.15234 11.5977L2.6875 11.1055V12.5C2.6875 12.9922 2.27734 13.375 1.8125 13.375C1.32031 13.375 0.9375 12.9922 0.9375 12.5V9.02734C0.9375 8.97266 0.9375 8.91797 0.9375 8.89062C0.9375 8.83594 0.9375 8.80859 0.964844 8.78125C0.992188 8.64453 1.07422 8.50781 1.18359 8.39844C1.29297 8.28906 1.42969 8.20703 1.56641 8.17969Z",fill:"currentColor"}))}function ue(){let r=kt(),{resetAll:e,selectedVariant:t,selectedSegment:o,setEditMode:n,editMode:i}=D(),s=It(),a=o._id!=="null"||t!=="null"||i,l=()=>{e(),n(!1);let d=new URLSearchParams;d.set("prepr_preview_segment","null"),d.set("prepr_preview_ab","null"),r.push(`${s}?${d.toString()}`,{scroll:!1}),r.refresh(),r.push(s,{scroll:!1}),r.refresh()},c=w("p-py-2 p-px-3 p-flex p-justify-center p-gap-2 p-items-center p-rounded-md p-regular-text p-h-10 p-w-full md:p-w-[108px]",a&&"p-bg-secondary-400 hover:p-secondary-500 p-cursor-pointer p-text-white",!a&&"p-bg-grey-400 p-text-gray-500");return ce.createElement("button",{onClick:l,className:c,disabled:!a},ce.createElement(de,null),ce.createElement("span",{className:"p-block sm:p-hidden lg:p-block"},"Reset"))}function X({onClose:r,contentRef:e}){return g.createElement("div",{ref:e,className:"p-box-shadow p-right-0 p-z-[101] p-flex p-w-full p-flex-col p-gap-y-10 p-rounded-lg p-bg-primary-50 p-p-6 sm:p-w-[502px] sm:p-p-10"},g.createElement("div",{className:"p-flex p-items-center p-justify-between p-gap-2"},g.createElement("div",{className:"p-flex p-items-start p-gap-3"},g.createElement($e,null),g.createElement("div",{className:"p-flex p-h-6 p-items-center p-rounded p-bg-primary-100 p-px-3 p-py-1 p-text-sm p-text-primary-700"},"toolbar")),g.createElement("button",{onClick:r,className:"p-flex p-h-8 p-w-8 p-cursor-pointer p-items-center p-justify-center p-rounded-md p-bg-primary-100 p-text-gray-700"},g.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.createElement("path",{d:"M8.17578 1.07031C8.41016 0.816406 8.82031 0.816406 9.05469 1.07031C9.30859 1.30469 9.30859 1.71484 9.05469 1.94922L5.75391 5.25L9.05469 8.57031C9.30859 8.80469 9.30859 9.21484 9.05469 9.44922C8.82031 9.70312 8.41016 9.70312 8.17578 9.44922L4.875 6.14844L1.55469 9.44922C1.32031 9.70312 0.910156 9.70312 0.675781 9.44922C0.421875 9.21484 0.421875 8.80469 0.675781 8.57031L3.97656 5.25L0.675781 1.94922C0.421875 1.71484 0.421875 1.30469 0.675781 1.07031C0.910156 0.816406 1.32031 0.816406 1.55469 1.07031L4.875 4.37109L8.17578 1.07031Z",fill:"currentColor"})))),g.createElement("div",{className:"p-space-y-2"},g.createElement("span",{className:"p-text-sm p-text-grey-400"},"Personalized content"),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Apply segment"),g.createElement(ae,null)),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Show A/B variant"),g.createElement(le,null))),g.createElement("div",{className:"p-space-y-2"},g.createElement("span",{className:"p-text-sm p-text-grey-400"},"Collaboration"),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Edit mode"),g.createElement(pe,null))),g.createElement(ue,null))}import Ue from"react";import Ze from"react";var Ft=r=>Ze.createElement("svg",x({width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},r),Ze.createElement("path",{d:"M9.05365 0C5.71033 0 3 2.75516 3 6.15377V15.6309C3 15.8346 3.16248 16 3.36328 16H5.05838C5.25898 16 5.42166 15.8346 5.42166 15.6309V11.0772C6.43342 11.8498 7.69104 12.3077 9.05385 12.3077C12.397 12.3077 15.1077 9.55259 15.1077 6.15397C15.1075 2.75516 12.397 0 9.05365 0ZM9.05365 9.84623C7.04766 9.84623 5.42146 8.19314 5.42146 6.15377C5.42146 4.1146 7.04766 2.46151 9.05365 2.46151C11.0596 2.46151 12.686 4.1146 12.686 6.15377C12.686 8.19293 11.0596 9.84623 9.05365 9.84623Z",fill:"currentColor"})),Ke=Ft;function q({onClick:r,className:e}){return Ue.createElement("button",{onClick:r,className:w("cursor-pointer p-z-50 p-flex p-size-9 p-items-center p-justify-center p-rounded-full p-bg-primary-700",e)},Ue.createElement(Ke,{className:"p-text-white"}))}function O({children:r}){let[e,t]=Rt(!1),[o,n]=E.useState(!1),{editMode:i}=y(),{contentRef:s,triggerRef:a}=Re({isVisible:o,onClose:()=>n(!1)});me(()=>{t(!0)},[]);let l=E.useRef(null),[c,d]=E.useState(""),u=E.useCallback(()=>{if(l.current&&a.current){let f=l.current.offsetHeight,T=window.innerHeight,v=a.current.getBoundingClientRect(),P=v.top+v.height/2-f/2;P=Math.max(32,Math.min(P,T-f-32)),d(P)}},[a]);me(()=>{if(o)return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[o,u]);let p=()=>{n(!o)};me(()=>{i&&setTimeout(()=>{n(!1)},150)},[i]);let m=E.createElement(E.Fragment,null,o&&E.createElement("div",{className:"preview-bar-backdrop"}),E.createElement("div",{className:w("preview-bar-container")},E.createElement("div",{className:"p-pr-2",ref:a},E.createElement(q,{onClick:p})),E.createElement("div",{ref:l,style:c!==""?{top:c,position:"fixed",right:0}:{},className:w("preview-bar-popup",o?"p-pointer-events-auto p-opacity-100":"p-pointer-events-none p-opacity-0")},r||E.createElement(X,{onClose:p,contentRef:s}))));return e?$t(m,document.body):null}O.Content=X;O.Button=q;import{useSearchParams as Zt}from"next/navigation";function fe(){let r=Zt(),[e,t]=Wt(!1),o=n=>{let i=n.key.toLowerCase(),s=(n.ctrlKey||n.metaKey)&&i==="s",a=(n.ctrlKey||n.metaKey)&&i==="p",l=(n.ctrlKey||n.metaKey)&&i==="l";(s||a||l)&&n.preventDefault()};return Gt(()=>{let n=typeof window!="undefined"&&(window==null?void 0:window.parent)!==window.self;if(n){t(!0);let i={name:"prepr_preview_bar",event:"loaded"};window.parent.postMessage(i,"*"),window.addEventListener("keydown",o)}return()=>{n&&window.removeEventListener("keydown",o)}},[]),r.get("prepr_hide_bar")==="true"||e?null:zt.createElement(O,null)}import ve from"react";import A from"react";import je from"react";function F(r){return je.createElement("svg",x({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),je.createElement("path",{d:"M4.22 4.22a.75.75 0 0 1 1.06 0L8 6.94l2.72-2.72a.75.75 0 1 1 1.06 1.06L9.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L8 9.06l-2.72 2.72a.75.75 0 1 1-1.06-1.06L6.94 8 4.22 5.28a.75.75 0 0 1 0-1.06z",fill:"currentColor"}))}import{usePathname as Kt,useRouter as Ut}from"next/navigation";function ge(){var d,u;let{selectedSegment:r,selectedVariant:e,emptySegment:t,emptyVariant:o,isIframe:n,resetPersonalization:i}=D(),s=r&&r._id!==((d=t==null?void 0:t._id)!=null?d:"null")||e&&e!==(o!=null?o:"null"),a=Ut(),l=Kt(),c=()=>{i();let p=new URLSearchParams;p.set("prepr_preview_segment","null"),p.set("prepr_preview_ab","null"),a.push(`${l}?${p.toString()}`,{scroll:!1}),a.refresh(),a.push(l,{scroll:!1}),a.refresh()};return n?null:A.createElement("div",{className:"p-z-[998] p-flex p-gap-2"},s&&A.createElement("button",{type:"button",onClick:c,className:"p-flex p-cursor-pointer p-items-center p-gap-2 p-rounded-full p-bg-primary-700 p-px-4 p-py-2 p-text-xs p-font-medium p-text-white p-shadow-lg p-transition-colors p-duration-150 hover:p-bg-primary-800"},A.createElement("span",{className:"p-text-[10px] p-text-white/60"},"viewing as"),r&&r._id!==((u=t==null?void 0:t._id)!=null?u:"null")&&A.createElement("span",{className:"max-w-[120px] p-inline-block p-truncate"},r.name),e&&e!==(o!=null?o:"null")&&A.createElement("span",{className:"max-w-[80px] p-inline-block p-truncate p-rounded p-bg-white/20 p-px-2"},e),A.createElement(F,{className:"p-h-3 p-w-3 p-text-white"})))}import J from"react";function he(){let{editMode:r,setEditMode:e,isIframe:t}=D();return!r||t?null:J.createElement("div",{className:"p-z-[999] p-flex"},J.createElement("button",{type:"button",onClick:()=>e&&e(!1),className:"p-flex p-items-center p-gap-2 p-rounded-full p-bg-primary-50 p-px-4 p-py-2 p-text-xs p-font-medium p-text-gray-800 p-shadow-lg p-transition-colors p-duration-150 hover:p-bg-primary-100","aria-label":"Close edit mode"},J.createElement("span",null,"Edit mode"),J.createElement(F,{className:"transition-colors duration-150 p-h-4 p-w-4 p-text-gray-500 hover:p-text-gray-700"})))}function xe(){return ve.createElement("div",{className:"p-fixed p-bottom-6 p-right-6 p-z-[999] p-flex p-gap-3"},ve.createElement(ge,null),ve.createElement(he,null))}function Xe(){let{editMode:r}=y();return ie(r),Y.createElement(Y.Fragment,null,Y.createElement(fe,null),Y.createElement(xe,null))}export{Xe as PreprPreviewBar,ht as PreprPreviewBarProvider,D as usePreprPreviewBar};
+"use client";var Je=Object.defineProperty,Ye=Object.defineProperties;var Qe=Object.getOwnPropertyDescriptors;var we=Object.getOwnPropertySymbols;var et=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable;var ye=(r,e,t)=>e in r?Je(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,v=(r,e)=>{for(var t in e||(e={}))et.call(e,t)&&ye(r,t,e[t]);if(we)for(var t of we(e))tt.call(e,t)&&ye(r,t,e[t]);return r},z=(r,e)=>Ye(r,Qe(e));import Z,{useEffect as gt,useCallback as Ve,useMemo as ht}from"react";import rt,{createContext as ot,useContext as nt,useState as it}from"react";var oe={DECODE_FAILED:"STEGA_DECODE_FAILED",INVALID_FORMAT:"STEGA_INVALID_FORMAT",DOM_MANIPULATION_FAILED:"DOM_MANIPULATION_FAILED",CONTEXT_NOT_FOUND:"CONTEXT_NOT_FOUND"};function ne(r,e,t,o){return{type:r,context:e,message:t.message,timestamp:new Date().toISOString(),stack:t.stack,additionalData:o}}function Se(r,e,t){let o=ne(oe.DECODE_FAILED,e,r,t);return console.error("Stega Error:",o),process.env.NODE_ENV,o}function w(r,e){let t=ne(oe.DOM_MANIPULATION_FAILED,e,r);return console.error("DOM Error:",t),t}function V(r){let e=new Error(`${r} must be used within its provider`),t=ne(oe.CONTEXT_NOT_FOUND,r,e);throw console.error("Context Error:",t),e}var Te=ot(void 0);function ie({children:r,initialSegments:e,activeSegment:t}){let o=[{_id:"all_other_users",name:"All other users"},...e],n={name:"Choose segment",_id:"null"},[i,s]=it(o&&o.filter(l=>l._id===t)[0]||n),a={segments:o,selectedSegment:i,setSelectedSegment:s,emptySegment:n};return rt.createElement(Te.Provider,{value:a},r)}function k(){let r=nt(Te);return r||V("useSegmentContext"),r}import st,{createContext as at,useContext as lt,useState as pt}from"react";var Me=at(void 0);function se({children:r,activeVariant:e}){let t="null",[o,n]=pt(e||"null"),i={selectedVariant:o,setSelectedVariant:n,emptyVariant:t};return st.createElement(Me.Provider,{value:i},r)}function I(){let r=lt(Me);return r||V("useVariantContext"),r}import dt,{createContext as ct,useContext as ut,useState as Pe,useEffect as Le}from"react";var Ne=ct(void 0);function ae({children:r}){let[e,t]=Pe(!1),[o,n]=Pe(!1);Le(()=>{window.parent!==self&&n(!0)},[]),Le(()=>{let s=a=>{a.key==="Escape"&&e&&t(!1)};return e&&document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[e]);let i={editMode:e,setEditMode:t,isIframe:o};return dt.createElement(Ne.Provider,{value:i},r)}function y(){let r=ut(Ne);return r||V("useEditModeContext"),r}import le,{Component as mt}from"react";var G=class extends mt{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){console.error("Stega Error Boundary caught an error:",e,t),process.env.NODE_ENV}render(){var e;return this.state.hasError?this.props.fallback?this.props.fallback:le.createElement("div",{className:"p-rounded-lg p-border p-border-red-200 p-bg-red-50 p-p-4 p-text-sm p-text-red-800"},le.createElement("div",{className:"p-mb-2 p-font-semibold"},"Preview mode unavailable"),le.createElement("div",{className:"p-text-red-600"},((e=this.state.error)==null?void 0:e.message)||"An unexpected error occurred")):this.props.children}};var j=class r{constructor(e){this.options=v({prefix:"[Prepr]"},e)}log(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.log(`${o} ${e}`,...t)}warn(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.warn(`${o} ${e}`,...t)}error(e,...t){if(!this.options.enabled)return;let o=this.options.prefix;console.error(`${o} ${e}`,...t)}scope(e){return new r(z(v({},this.options),{prefix:`${this.options.prefix}[${e}]`}))}},W=null;function De(r=!1){W=new j({enabled:r})}function ft(){return W||(W=new j({enabled:!1})),W}function S(r){return ft().scope(r)}var xt=({children:r,props:e,options:t})=>{let{activeSegment:o,activeVariant:n,data:i}=e;return gt(()=>{var a;let s=(a=t==null?void 0:t.debug)!=null?a:!1;De(s)},[t==null?void 0:t.debug]),Z.createElement(G,null,Z.createElement(ie,{initialSegments:i,activeSegment:o},Z.createElement(se,{activeVariant:n},Z.createElement(ae,null,r))))},D=()=>{let r=k(),e=I(),t=y(),o=Ve(()=>{r.setSelectedSegment(r.emptySegment),e.setSelectedVariant(e.emptyVariant)},[r,e]),n=Ve(()=>{r.setSelectedSegment(r.emptySegment),e.setSelectedVariant(e.emptyVariant),t.setEditMode(!1)},[r,e,t]);return ht(()=>({isPreviewMode:!1,activeSegment:r.selectedSegment._id,activeVariant:e.selectedVariant,data:r.segments,emptySegment:r.emptySegment,segmentList:r.segments,selectedSegment:r.selectedSegment,setSelectedSegment:r.setSelectedSegment,emptyVariant:e.emptyVariant,selectedVariant:e.selectedVariant,setSelectedVariant:e.setSelectedVariant,editMode:t.editMode,setEditMode:t.setEditMode,isIframe:t.isIframe,resetPersonalization:o,resetAll:n}),[r.selectedSegment,r.segments,r.emptySegment,r.setSelectedSegment,e.selectedVariant,e.emptyVariant,e.setSelectedVariant,t.editMode,t.setEditMode,t.isIframe,o,n])};import re from"react";import{useEffect as bt,useRef as Ct,useCallback as Re,useMemo as wt}from"react";var h=class{static createElement(e,t){try{let o=document.createElement(e);return o.className=t,o}catch(o){throw w(o,"createElement"),o}}static appendToBody(e){try{document.body.appendChild(e)}catch(t){throw w(t,"appendToBody"),t}}static removeFromBody(e){try{e.parentNode&&e.parentNode.removeChild(e)}catch(t){throw w(t,"removeFromBody"),t}}static setElementStyles(e,t){try{Object.entries(t).forEach(([o,n])=>{e.style.setProperty(o,n)})}catch(o){throw w(o,"setElementStyles"),o}}static getElementRect(e){try{return e.getBoundingClientRect()}catch(t){throw w(t,"getElementRect"),t}}static isElementInViewport(e){try{let t=this.getElementRect(e);return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}catch(t){return w(t,"isElementInViewport"),!1}}static calculateDistance(e,t,o,n){return Math.sqrt(Math.pow(o-e,2)+Math.pow(n-t,2))}static findClosestElement(e,t,o){try{let n=null,i=1/0;return o.forEach(s=>{let a=this.getElementRect(s),l=this.calculateDistance(e,t,a.left+a.width/2,a.top+a.height/2);l<i&&(i=l,n=s)}),n}catch(n){return w(n,"findClosestElement"),null}}static addEventListener(e,t,o,n){try{e.addEventListener(t,o,n)}catch(i){throw w(i,"addEventListener"),i}}static removeEventListener(e,t,o,n){try{e.removeEventListener(t,o,n)}catch(i){throw w(i,"removeEventListener"),i}}};function Oe(r,e){let t=null,o=0,n=(...i)=>{let s=Date.now(),a=s-o;a>=e?(r(...i),o=s):(t&&clearTimeout(t),t=setTimeout(()=>{r(...i),o=Date.now(),t=null},e-a))};return n.cancel=()=>{t&&(clearTimeout(t),t=null)},n}function _e(r,e=1e3){let t=null,o=0;return()=>{let n=Date.now();return(!t||n-o>e)&&(t=document.querySelectorAll(r),o=n),t}}import{useRef as K,useCallback as U}from"react";import{vercelStegaDecode as Ae}from"@vercel/stega";function vt(r){if(!r)return null;let e=S("decode");try{e.log("attempting to decode stega data");let t=Ae(r);if(e.log("vercelStegaDecode result:",t),t!=null&&t.href)return e.log("successfully decoded",t),t}catch(t){e.log("error decoding stega data:",t);let o=/{"origin.*?}/,n=r.match(o);if(n)try{let i=Ae(n[0]);if(i!=null&&i.href)return e.log("successfully decoded with regex match",i),i}catch(i){Se(i,"decode",{input:r})}}return null}function ke(){let r=S("useStegaOverlay"),e=K(null),t=K(null),o=K(null),n=K(null),i=U(()=>{let c=h.createElement("div","prepr-overlay");c.style.display="none";let d=h.createElement("div","prepr-tooltip");return d.style.display="none",h.appendToBody(c),h.appendToBody(d),e.current=c,t.current=d,r.log("created overlay and tooltip elements"),{overlay:c,tooltip:d}},[r]),s=U(c=>{if(!e.current||!t.current)return;o.current&&(clearTimeout(o.current),o.current=null);let d=h.getElementRect(c),u=c.getAttribute("data-prepr-href"),p=c.getAttribute("data-prepr-origin");r.log("showing overlay for element:",{href:u,origin:p,rect:d});let m=e.current;m.style.display="block",m.style.top=`${d.top+window.scrollY-2}px`,m.style.left=`${d.left+window.scrollX-4}px`,m.style.width=`${d.width+8}px`,m.style.height=`${d.height+4}px`;let f=t.current;if(f&&u&&p){let x=d.width<80;f.textContent=x?"\u2197":`${p} \u2197`,f.style.display="block",x?f.style.minWidth="auto":f.style.minWidth="80px",requestAnimationFrame(()=>{f&&(f.style.top=`${d.top+window.scrollY-f.clientHeight-2}px`,f.style.left=`${d.right+4-f.clientWidth}px`)}),f.onclick=()=>window.open(u,"_blank","noopener,noreferrer")}n.current=c},[r]),a=U(()=>{!e.current||!t.current||(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{e.current&&(e.current.style.display="none"),t.current&&(t.current.style.display="none"),n.current=null,r.log("hidden overlay and tooltip")},100))},[r]),l=U(()=>{o.current&&clearTimeout(o.current),e.current&&h.removeFromBody(e.current),t.current&&h.removeFromBody(t.current),r.log("cleaned up overlay and tooltip")},[r]);return{overlayRef:e,tooltipRef:t,currentElementRef:n,hideTimeoutRef:o,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:vt}}import{useRef as Et,useCallback as Ie}from"react";function He(){let r=S("useStegaProximity"),e=Et(new Set),t=_e("[data-prepr-encoded]",500),o=Ie((i,s)=>{let a=t(),l=new Set,c=0;a.forEach(d=>{let u=d.getBoundingClientRect(),p=Math.abs(i-u.left),m=Math.abs(i-u.right),f=Math.abs(s-u.top),L=Math.abs(s-u.bottom),x=Math.min(p,m,f,L),C=d;if(x<150){let T=i-u.left,M=s-u.top;C.style.setProperty("--cursor-x",`${T}px`),C.style.setProperty("--cursor-y",`${M}px`);let N=Math.max(150,Math.max(u.width,u.height)*1.1),R=Math.max(0,(400-x)/400),$=N*R;C.style.setProperty("--gradient-size",`${$}px`),C.classList.add("prepr-proximity-highlight"),l.add(C),c++}else C.classList.remove("prepr-proximity-highlight")}),e.current=l,c>0&&r.log("highlighted",c,"elements near cursor")},[r,t]),n=Ie(()=>{let i=e.current,s=0;i.forEach(a=>{a.classList.remove("prepr-proximity-highlight"),s++}),e.current.clear(),s>0&&r.log("cleared highlights from",s,"elements")},[r]);return{updateElementGradients:o,clearAllHighlights:n,highlightedElementsRef:e}}import{useRef as Be,useCallback as H}from"react";function Fe(){let r=S("useStegaElements"),e=Be(void 0),t=Be(null),o=H(()=>(e.current||(e.current=document.querySelectorAll("[data-prepr-encoded]")),e.current),[]),n=H((l,c)=>{var d,u;if(l.nodeType===Node.TEXT_NODE){if(!((d=l.textContent)!=null&&d.trim())||(u=l.parentElement)!=null&&u.closest("script, style, noscript"))return;let p=c(l.textContent);if(p!=null&&p.href){let m=l.parentElement;m&&!m.hasAttribute("data-prepr-encoded")&&(m.setAttribute("data-prepr-encoded",""),m.setAttribute("data-prepr-href",p.href),m.setAttribute("data-prepr-origin",p.origin),r.log("encoded element found:",{href:p.href,origin:p.origin}))}}else if(l.nodeType===Node.ELEMENT_NODE)for(let p=0;p<l.childNodes.length;p++)n(l.childNodes[p],c)},[r]),i=H(l=>{r.log("starting document scan");let c=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,{acceptNode:p=>{var m,f;return(m=p.parentElement)!=null&&m.closest("script, style, noscript")||!((f=p.textContent)!=null&&f.trim())?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),d,u=0;for(;d=c.nextNode();){let p=l(d.textContent);if(p!=null&&p.href){let m=d.parentElement;m&&!m.hasAttribute("data-prepr-encoded")&&(m.setAttribute("data-prepr-encoded",""),m.setAttribute("data-prepr-href",p.href),m.setAttribute("data-prepr-origin",p.origin),u++)}}r.log("document scan complete, encoded",u,"elements"),e.current=document.querySelectorAll("[data-prepr-encoded]")},[r]),s=H(l=>{t.current&&t.current.disconnect();let c=[],d=null,u=()=>{let p=new Set;c.forEach(m=>{m.addedNodes.forEach(f=>p.add(f))}),p.forEach(m=>n(m,l)),c=[],e.current=document.querySelectorAll("[data-prepr-encoded]")};t.current=new MutationObserver(p=>{c.push(...p),d&&clearTimeout(d),d=setTimeout(u,100)}),t.current.observe(document.body,{childList:!0,subtree:!0}),r.log("mutation observer set up")},[n,r]),a=H(()=>{t.current&&(t.current.disconnect(),t.current=null);let l=document.querySelectorAll("[data-prepr-encoded]");l.forEach(c=>{c.removeAttribute("data-prepr-encoded"),c.removeAttribute("data-prepr-href"),c.removeAttribute("data-prepr-origin")}),r.log("cleaned up",l.length,"encoded elements"),e.current=void 0},[r]);return{getElements:o,scanDocument:i,setupMutationObserver:s,cleanup:a}}function pe(r){let e=S("useStegaScan"),t=Ct(!1),{currentElementRef:o,hideTimeoutRef:n,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:c}=ke(),{updateElementGradients:d,clearAllHighlights:u}=He(),{getElements:p,scanDocument:m,setupMutationObserver:f,cleanup:L}=Fe(),x=wt(()=>Oe(M=>{let N=M,R=N.target;if(R.closest(".prepr-tooltip"))return;d(N.clientX,N.clientY);let $=R.closest("[data-prepr-encoded]");$?s($):a()},16),[d,s,a]),C=Re(()=>{n.current&&(clearTimeout(n.current),n.current=null)},[n]),T=Re(()=>{o.current||a()},[o,a]);bt(()=>{if(e.log("editMode changed to",r),!r){e.log("editMode is false, cleaning up"),t.current&&(h.removeEventListener(document,"mousemove",x),l(),u(),L(),t.current=!1);return}if(t.current){e.log("already initialized, skipping setup");return}e.log("editMode is true, setting up scanning");let{tooltip:M}=i();e.log("created overlay and tooltip"),h.addEventListener(M,"mouseenter",C),h.addEventListener(M,"mouseleave",T),e.log("starting document scan"),m(c);let N=p();return e.log("found",N.length,"encoded elements after scan"),f(c),e.log("set up mutation observer"),h.addEventListener(document,"mousemove",x),e.log("added throttled mousemove handler"),t.current=!0,()=>{e.log("cleaning up"),h.removeEventListener(document,"mousemove",x),h.removeEventListener(M,"mouseenter",C),h.removeEventListener(M,"mouseleave",T),n.current&&clearTimeout(n.current),l(),u(),L(),t.current=!1}},[r])}import Kt,{useEffect as Ut,useState as Xt}from"react";import{useSearchParams as qt}from"next/navigation";import E,{useEffect as ve,useState as jt}from"react";import{createPortal as Zt}from"react-dom";import{clsx as yt}from"clsx";import{twMerge as St}from"tailwind-merge";function b(...r){return St(yt(r))}import{useEffect as $e,useRef as ze}from"react";function Ge({isVisible:r,onClose:e}){let t=ze(null),o=ze(null);return $e(()=>(r?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[r]),$e(()=>{let n=s=>{s.key==="Escape"&&e()},i=s=>{s.target.closest('[role="listbox"], [role="option"]')||t.current&&!t.current.contains(s.target)&&o.current&&!o.current.contains(s.target)&&e()};return r&&(document.addEventListener("keydown",n),document.addEventListener("mousedown",i)),()=>{document.removeEventListener("keydown",n),document.removeEventListener("mousedown",i)}},[r,e]),{contentRef:t,triggerRef:o}}import g from"react";import O from"react";import We from"react";function B(r){return We.createElement("svg",v({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),We.createElement("path",{d:"M4.22 4.22a.75.75 0 0 1 1.06 0L8 6.94l2.72-2.72a.75.75 0 1 1 1.06 1.06L9.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L8 9.06l-2.72 2.72a.75.75 0 1 1-1.06-1.06L6.94 8 4.22 5.28a.75.75 0 0 1 0-1.06z",fill:"currentColor"}))}import{usePathname as Tt,useRouter as Mt}from"next/navigation";function X(){var d,u;let{selectedSegment:r,selectedVariant:e,emptySegment:t,emptyVariant:o,isIframe:n,resetPersonalization:i}=D(),s=r&&r._id!==((d=t==null?void 0:t._id)!=null?d:"null")||e&&e!==(o!=null?o:"null"),a=Mt(),l=Tt(),c=()=>{i();let p=new URLSearchParams;p.set("prepr_preview_segment","null"),p.set("prepr_preview_ab","null"),a.push(`${l}?${p.toString()}`,{scroll:!1}),a.refresh(),a.push(l,{scroll:!1}),a.refresh()};return n?null:O.createElement("div",{className:"p-z-[998] p-flex p-gap-2"},s&&O.createElement("button",{type:"button",onClick:c,className:"p-flex p-cursor-pointer p-items-center p-gap-2 p-rounded-full p-bg-primary-700 p-px-4 p-py-2 p-text-xs p-font-medium p-text-white p-shadow-lg p-transition-colors p-duration-150 hover:p-bg-primary-800"},O.createElement("span",{className:"p-text-[10px] p-text-white/60"},"viewing as"),r&&r._id!==((u=t==null?void 0:t._id)!=null?u:"null")&&O.createElement("span",{className:"max-w-[120px] p-inline-block p-truncate"},r.name),e&&e!==(o!=null?o:"null")&&O.createElement("span",{className:"max-w-[80px] p-inline-block p-truncate p-rounded p-bg-white/20 p-px-2"},e),O.createElement(B,{className:"p-h-3 p-w-3 p-text-white"})))}import q from"react";function J(){let{editMode:r,setEditMode:e,isIframe:t}=D();return!r||t?null:q.createElement("div",{className:"p-z-[999] p-flex"},q.createElement("button",{type:"button",onClick:()=>e&&e(!1),className:"p-flex p-items-center p-gap-2 p-rounded-full p-bg-primary-50 p-px-4 p-py-2 p-text-xs p-font-medium p-text-gray-800 p-shadow-lg p-transition-colors p-duration-150 hover:p-bg-primary-100","aria-label":"Close edit mode"},q.createElement("span",null,"Edit mode"),q.createElement(B,{className:"transition-colors duration-150 p-h-4 p-w-4 p-text-gray-500 hover:p-text-gray-700"})))}import ce from"react";import{usePathname as Pt,useRouter as Lt}from"next/navigation";import je from"react";function de(){return je.createElement("svg",{width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},je.createElement("path",{d:"M3.37109 5.80078C3.20703 6.26562 2.6875 6.51172 2.25 6.34766C1.78516 6.18359 1.53906 5.69141 1.70312 5.22656C2.00391 4.37891 2.49609 3.58594 3.15234 2.92969C5.55859 0.550781 9.41406 0.550781 11.8203 2.92969L12.2852 3.42188V2C12.2852 1.53516 12.6953 1.125 13.1602 1.125C13.6523 1.125 14.0352 1.53516 14.0352 2V5.5C14.0352 5.99219 13.6523 6.375 13.1602 6.375H9.6875C9.19531 6.375 8.8125 5.99219 8.8125 5.5C8.8125 5.03516 9.19531 4.625 9.6875 4.625H11.0547L10.5898 4.16016C8.86719 2.46484 6.10547 2.46484 4.38281 4.16016C3.91797 4.65234 3.5625 5.19922 3.37109 5.80078ZM1.56641 8.17969C1.59375 8.15234 1.64844 8.15234 1.67578 8.15234C1.73047 8.15234 1.75781 8.125 1.8125 8.125H5.3125C5.77734 8.125 6.1875 8.53516 6.1875 9C6.1875 9.49219 5.77734 9.875 5.3125 9.875H3.91797L4.38281 10.3672C6.10547 12.0625 8.86719 12.0625 10.5898 10.3672C11.0547 9.875 11.4102 9.32812 11.6016 8.72656C11.7656 8.26172 12.2852 8.01562 12.7227 8.17969C13.1875 8.34375 13.4336 8.83594 13.2695 9.30078C12.9688 10.1484 12.4766 10.9141 11.8203 11.5977C9.41406 13.9766 5.55859 13.9766 3.15234 11.5977L2.6875 11.1055V12.5C2.6875 12.9922 2.27734 13.375 1.8125 13.375C1.32031 13.375 0.9375 12.9922 0.9375 12.5V9.02734C0.9375 8.97266 0.9375 8.91797 0.9375 8.89062C0.9375 8.83594 0.9375 8.80859 0.964844 8.78125C0.992188 8.64453 1.07422 8.50781 1.18359 8.39844C1.29297 8.28906 1.42969 8.20703 1.56641 8.17969Z",fill:"currentColor"}))}function Y(){let r=Lt(),{resetAll:e,selectedVariant:t,selectedSegment:o,setEditMode:n,editMode:i}=D(),s=Pt(),a=o._id!=="null"||t!=="null"||i,l=()=>{e(),n(!1);let d=new URLSearchParams;d.set("prepr_preview_segment","null"),d.set("prepr_preview_ab","null"),r.push(`${s}?${d.toString()}`,{scroll:!1}),r.refresh(),r.push(s,{scroll:!1}),r.refresh()},c=b("p-py-2 p-px-3 p-flex p-justify-center p-gap-2 p-items-center p-rounded-md p-regular-text p-h-10 p-w-full md:p-w-[108px]",a&&"p-bg-secondary-400 hover:p-secondary-500 p-cursor-pointer p-text-white",!a&&"p-bg-grey-400 p-text-gray-500");return ce.createElement("button",{onClick:l,className:c,disabled:!a},ce.createElement(de,null),ce.createElement("span",{className:"p-block sm:p-hidden lg:p-block"},"Reset"))}import Ze from"react";var Nt=r=>Ze.createElement("svg",v({width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},r),Ze.createElement("path",{d:"M9.05365 0C5.71033 0 3 2.75516 3 6.15377V15.6309C3 15.8346 3.16248 16 3.36328 16H5.05838C5.25898 16 5.42166 15.8346 5.42166 15.6309V11.0772C6.43342 11.8498 7.69104 12.3077 9.05385 12.3077C12.397 12.3077 15.1077 9.55259 15.1077 6.15397C15.1075 2.75516 12.397 0 9.05365 0ZM9.05365 9.84623C7.04766 9.84623 5.42146 8.19314 5.42146 6.15377C5.42146 4.1146 7.04766 2.46151 9.05365 2.46151C11.0596 2.46151 12.686 4.1146 12.686 6.15377C12.686 8.19293 11.0596 9.84623 9.05365 9.84623Z",fill:"currentColor"})),ue=Nt;import _ from"react";var Dt=r=>_.createElement("svg",z(v({width:"102",height:"28",viewBox:"0 0 102 28",fill:"none"},r),{xmlns:"http://www.w3.org/2000/svg"}),_.createElement("path",{d:"M39.2674 2.19699C39.2757 2.18321 39.2839 2.16943 39.291 2.15528L39.2939 2.15057L39.2935 2.1502C39.3379 2.06208 39.3633 1.96308 39.3633 1.85754C39.3633 1.62109 39.2374 1.41474 39.0507 1.30231C39.0485 1.30014 39.0467 1.29651 39.0446 1.29578C35.1089 -0.88088 29.8537 -0.36627 26.3741 3.2632C24.4207 5.3006 23.4231 7.92116 23.3716 10.5544H23.3684V20.893C23.3684 21.2495 23.6538 21.5389 24.0058 21.5389H26.98C27.332 21.5389 27.6174 21.2495 27.6174 20.893V10.7698H27.6192C27.6192 9.14658 28.2169 7.52187 29.4209 6.26599C31.5699 4.02478 34.7423 3.8565 36.9299 5.03659C36.9367 5.04058 36.9439 5.04384 36.9507 5.04747C36.9557 5.05001 36.9607 5.05254 36.9657 5.05508H36.9664C37.0494 5.09497 37.1417 5.11782 37.2393 5.11782C37.4879 5.11782 37.7032 4.97276 37.808 4.76206L39.2674 2.19699Z",fill:"#4338CA"}),_.createElement("path",{d:"M10.6216 0.000244141C4.75551 0.000244141 0 4.82177 0 10.7693V27.3543C0 27.7108 0.285079 28.0002 0.637405 28.0002H3.61161C3.96358 28.0002 4.24902 27.7108 4.24902 27.3543V19.3853C6.02424 20.7373 8.23084 21.5388 10.622 21.5388C16.4878 21.5388 21.244 16.7173 21.244 10.7697C21.2437 4.82177 16.4878 0.000244141 10.6216 0.000244141ZM10.6216 17.2311C7.10196 17.2311 4.24866 14.3382 4.24866 10.7693C4.24866 7.20079 7.10196 4.30788 10.6216 4.30788C14.1413 4.30788 16.995 7.20079 16.995 10.7693C16.995 14.3379 14.1413 17.2311 10.6216 17.2311Z",fill:"#4338CA"}),_.createElement("path",{d:"M73.259 0C67.3932 0 62.6373 4.82152 62.6373 10.7691V27.3541C62.6373 27.7106 62.9228 28 63.2747 28H66.2489C66.6009 28 66.8863 27.7106 66.8863 27.3541V19.3854C68.6616 20.7374 70.8682 21.5389 73.2593 21.5389C79.1251 21.5389 83.8813 16.7174 83.8813 10.7698C83.881 4.82152 79.1248 0 73.259 0ZM73.259 17.2309C69.7393 17.2309 66.886 14.338 66.886 10.7691C66.886 7.20055 69.7393 4.30764 73.259 4.30764C76.7783 4.30764 79.632 7.20055 79.632 10.7691C79.632 14.3376 76.7783 17.2309 73.259 17.2309Z",fill:"#4338CA"}),_.createElement("path",{d:"M60.439 10.9845C60.439 5.03657 55.6827 0 49.817 0C43.9508 0 39.1953 4.82152 39.1953 10.7691C39.1953 16.7167 43.9508 21.5382 49.817 21.5382C53.1374 21.5382 55.8763 19.9954 57.5939 18.1031C57.5939 18.1031 57.5942 18.1027 57.5946 18.1024C57.596 18.1009 57.5975 18.0995 57.5985 18.098C57.7112 17.9812 57.7806 17.822 57.7806 17.6461C57.7806 17.4601 57.7026 17.2929 57.5785 17.1751V17.1743L57.5696 17.1671C57.5535 17.1522 57.5367 17.1384 57.5188 17.1254L55.2464 15.2501C55.1344 15.1503 54.9877 15.0891 54.8264 15.0891C54.6261 15.0891 54.4476 15.183 54.331 15.3291C53.3216 16.3707 51.7256 17.2309 49.8166 17.2309C46.2969 17.2309 43.4436 14.338 43.4436 10.7691C43.4436 7.20055 46.2969 4.30764 49.8166 4.30764C52.5909 4.30764 54.9505 6.10605 55.8255 8.61527H50.3474C49.9954 8.61527 49.71 8.90467 49.71 9.26152V12.277C49.71 12.6339 49.9954 12.9233 50.3474 12.9233H59.5884C59.6059 12.9233 59.6227 12.9218 59.6399 12.9207C59.6571 12.9222 59.6742 12.9233 59.6914 12.9233C59.9743 12.9233 60.214 12.7361 60.2973 12.4772L60.3045 12.4783C60.308 12.4551 60.3116 12.4326 60.3152 12.4097C60.3199 12.3876 60.3234 12.3655 60.3256 12.3427C60.4003 11.861 60.439 11.5172 60.439 10.9845Z",fill:"#4338CA"}),_.createElement("path",{d:"M101.928 2.15406L101.931 2.14934L101.93 2.14898C101.974 2.06085 102 1.96185 102 1.85632C102 1.61987 101.874 1.41351 101.687 1.30109C101.685 1.29891 101.683 1.29529 101.681 1.29456C97.7455 -0.882101 92.4903 -0.367491 89.0107 3.26198C87.0573 5.29938 86.0597 7.91993 86.0082 10.5532H86.005V20.8918C86.005 21.2483 86.2904 21.5377 86.6424 21.5377H89.6166C89.9686 21.5377 90.254 21.2483 90.254 20.8918V10.7686H90.2555C90.2555 9.14535 90.8532 7.52065 92.0571 6.26477C94.2062 4.02355 97.3785 3.85528 99.5662 5.03537C99.573 5.03936 99.5801 5.04262 99.5869 5.04624C99.5919 5.04878 99.5969 5.05132 99.6019 5.05386H99.6027C99.6856 5.09375 99.7779 5.11696 99.8756 5.11696C100.124 5.11696 100.339 4.9719 100.444 4.7612L101.905 2.19685C101.913 2.18235 101.92 2.16856 101.928 2.15406Z",fill:"#4338CA"})),me=Dt;import Vt from"react";import Ot from"next/script";function fe({accessToken:r}){return r?Vt.createElement(Ot,{id:"prepr-tracking-pixel",strategy:"afterInteractive",dangerouslySetInnerHTML:{__html:`
+          !function(e,t,p,r,n,a,s){
+            e[r]||((n=e[r]=function(){
+              n.process?n.process.apply(n,arguments):n.queue.push(arguments)
+            }).queue=[],n.t=+new Date,(a=t.createElement(p)).async=1,a.src="https://cdn.tracking.prepr.io/js/prepr_v2.min.js?t="+864e5*Math.ceil(new Date/864e5),(s=t.getElementsByTagName(p)[0]).parentNode.insertBefore(a,s))
+          }(window,document,"script","prepr");
+          prepr("init","${r}");
+          prepr("event","pageload");
+        `}}):(console.warn("PreprTrackingPixel: accessToken is required for tracking to work"),null)}import P from"react";import{usePathname as _t,useRouter as At}from"next/navigation";import{Listbox as kt,ListboxButton as It,ListboxOption as Ht,ListboxOptions as Bt}from"@headlessui/react";import Ke from"react";function ge(r){return Ke.createElement("svg",v({width:"9",height:"6",viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),Ke.createElement("path",{d:"M5.24274 5.36865C4.91462 5.72412 4.3404 5.72412 4.01227 5.36865L0.512273 1.86865C0.266179 1.62256 0.184148 1.23975 0.320867 0.911621C0.457586 0.583496 0.785711 0.364746 1.14118 0.364746H8.14118C8.46931 0.364746 8.79743 0.583496 8.93415 0.911621C9.07087 1.23975 8.98884 1.62256 8.74274 1.86865L5.24274 5.36865Z",fill:"currentColor"}))}function Q(){let{segments:r,setSelectedSegment:e,selectedSegment:t}=k(),o=_t(),n=At(),i=s=>{let a=new URLSearchParams(window.location.search),l=r.find(c=>c._id===s);l&&(e(l),a.set("prepr_preview_segment",s),n.push(`${o}?${a.toString()}`,{scroll:!1}),n.refresh())};return P.createElement(kt,{value:t._id,onChange:s=>i(s)},P.createElement(It,{as:"button",disabled:!(r&&r.length>0),className:"p-regular-text p-flex p-h-10 p-w-[240px] p-shrink-0 p-flex-nowrap p-items-center p-gap-2 p-overflow-hidden p-text-ellipsis p-text-nowrap p-rounded-lg p-border p-border-gray-300 p-bg-white p-px-2 p-text-gray-500 disabled:p-cursor-not-allowed disabled:p-bg-gray-200 disabled:p-text-gray-400 data-[open]:p-rounded-b-none data-[open]:p-border-b-white md:p-px-4"},P.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},r.length>0?t.name:"No segments"),P.createElement("div",{className:"p-text-gray-800"},P.createElement(ge,null))),P.createElement(Bt,{anchor:"bottom start",className:"p-no-scrollbar p-z-[9999] !p-max-h-[300px] p-w-[240px] p-rounded-b-md p-border-x p-border-b p-border-gray-300 p-bg-white p-shadow-xl"},r==null?void 0:r.map(s=>P.createElement(Ht,{key:s._id,value:s._id,className:b("p-regular-text p-z-[100] p-flex p-w-full p-items-center p-p-2 p-px-4 hover:p-cursor-pointer",s._id===t._id?"p-bg-indigo-50 p-text-indigo-700":"p-bg-white p-text-gray-900 hover:p-bg-gray-100")},P.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},s.name)))))}import $t from"react";import{usePathname as zt,useRouter as Gt}from"next/navigation";import Ue from"react";import{Radio as Ft,RadioGroup as Rt}from"@headlessui/react";function A({value:r,onChange:e,options:t}){return Ue.createElement(Rt,{className:"p-flex p-h-10 p-items-center p-gap-1 p-rounded-lg p-border p-border-gray-300 p-bg-white p-p-1",value:r,onChange:e},t.map(o=>Ue.createElement(Ft,{key:String(o.value),value:o.value,className:b(o.width||"p-w-[58px]","p-regular-text p-flex p-h-8 p-cursor-pointer p-items-center p-justify-center p-rounded-md p-px-4.5 p-py-2 p-text-center p-text-gray-900 p-transition-all p-duration-200 p-ease-in-out",o.value===!1||o.value==="null"||o.value==="off"?"data-[checked]:p-bg-gray-800 data-[checked]:p-text-white":"data-[checked]:p-bg-indigo-600 data-[checked]:p-text-white",o.value===r&&"p-drop-shadow-3")},o.label)))}function ee(){let{selectedVariant:r,setSelectedVariant:e,emptyVariant:t}=I(),o=zt(),n=Gt();return $t.createElement(A,{value:r||t,onChange:a=>{let l=new URLSearchParams(window.location.search);e(String(a)),l.set("prepr_preview_ab",String(a)),n.push(`${o}?${l.toString()}`,{scroll:!1}),n.refresh()},options:[{value:"null",label:"Off",width:"p-w-[58px]"},{value:"A",label:"A",width:"p-w-[82px]"},{value:"B",label:"B",width:"p-w-[82px]"}]})}import Wt from"react";function te(){let{editMode:r,setEditMode:e}=y(),t=n=>{e(n==="true"||n===!0)};return Wt.createElement(A,{options:[{value:"false",label:"Off"},{value:"true",label:"On"}],value:r.toString(),onChange:t})}function he({onClose:r,contentRef:e}){return g.createElement("div",{ref:e,className:"p-box-shadow p-right-0 p-z-[101] p-flex p-w-full p-flex-col p-gap-y-10 p-rounded-lg p-bg-primary-50 p-p-6 sm:p-w-[502px] sm:p-p-10"},g.createElement("div",{className:"p-flex p-items-center p-justify-between p-gap-2"},g.createElement("div",{className:"p-flex p-items-start p-gap-3"},g.createElement(me,null),g.createElement("div",{className:"p-flex p-h-6 p-items-center p-rounded p-bg-primary-100 p-px-3 p-py-1 p-text-sm p-text-primary-700"},"toolbar")),g.createElement("button",{onClick:r,className:"p-flex p-h-8 p-w-8 p-cursor-pointer p-items-center p-justify-center p-rounded-md p-bg-primary-100 p-text-gray-700"},g.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g.createElement("path",{d:"M8.17578 1.07031C8.41016 0.816406 8.82031 0.816406 9.05469 1.07031C9.30859 1.30469 9.30859 1.71484 9.05469 1.94922L5.75391 5.25L9.05469 8.57031C9.30859 8.80469 9.30859 9.21484 9.05469 9.44922C8.82031 9.70312 8.41016 9.70312 8.17578 9.44922L4.875 6.14844L1.55469 9.44922C1.32031 9.70312 0.910156 9.70312 0.675781 9.44922C0.421875 9.21484 0.421875 8.80469 0.675781 8.57031L3.97656 5.25L0.675781 1.94922C0.421875 1.71484 0.421875 1.30469 0.675781 1.07031C0.910156 0.816406 1.32031 0.816406 1.55469 1.07031L4.875 4.37109L8.17578 1.07031Z",fill:"currentColor"})))),g.createElement("div",{className:"p-space-y-2"},g.createElement("span",{className:"p-text-sm p-text-grey-400"},"Personalized content"),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Apply segment"),g.createElement(Q,null)),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Show A/B variant"),g.createElement(ee,null))),g.createElement("div",{className:"p-space-y-2"},g.createElement("span",{className:"p-text-sm p-text-grey-400"},"Collaboration"),g.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},g.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Edit mode"),g.createElement(te,null))),g.createElement(Y,null))}import Xe from"react";function xe({onClick:r,className:e}){return Xe.createElement("button",{onClick:r,className:b("cursor-pointer p-z-50 p-flex p-size-9 p-items-center p-justify-center p-rounded-full p-bg-primary-700",e)},Xe.createElement(ue,{className:"p-text-white"}))}function F({children:r}){let[e,t]=jt(!1),[o,n]=E.useState(!1),{editMode:i}=y(),{contentRef:s,triggerRef:a}=Ge({isVisible:o,onClose:()=>n(!1)});ve(()=>{t(!0)},[]);let l=E.useRef(null),[c,d]=E.useState(""),u=E.useCallback(()=>{if(l.current&&a.current){let f=l.current.offsetHeight,L=window.innerHeight,x=a.current.getBoundingClientRect(),T=x.top+x.height/2-f/2;T=Math.max(32,Math.min(T,L-f-32)),d(T)}},[a]);ve(()=>{if(o)return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[o,u]);let p=()=>{n(!o)};ve(()=>{i&&setTimeout(()=>{n(!1)},150)},[i]);let m=E.createElement(E.Fragment,null,o&&E.createElement("div",{className:"preview-bar-backdrop"}),E.createElement("div",{className:b("preview-bar-container")},E.createElement("div",{className:"p-pr-2",ref:a},E.createElement(xe,{onClick:p})),E.createElement("div",{ref:l,style:c!==""?{top:c,position:"fixed",right:0}:{},className:b("preview-bar-popup",o?"p-pointer-events-auto p-opacity-100":"p-pointer-events-none p-opacity-0")},r||E.createElement(he,{onClose:p,contentRef:s}))));return e?Zt(m,document.body):null}F.Content=he;F.Button=xe;function Ee(){let r=qt(),[e,t]=Xt(!1),o=n=>{let i=n.key.toLowerCase(),s=(n.ctrlKey||n.metaKey)&&i==="s",a=(n.ctrlKey||n.metaKey)&&i==="p",l=(n.ctrlKey||n.metaKey)&&i==="l";(s||a||l)&&n.preventDefault()};return Ut(()=>{let n=typeof window!="undefined"&&(window==null?void 0:window.parent)!==window.self;if(n){t(!0);let i={name:"prepr_preview_bar",event:"loaded"};window.parent.postMessage(i,"*"),window.addEventListener("keydown",o)}return()=>{n&&window.removeEventListener("keydown",o)}},[]),r.get("prepr_hide_bar")==="true"||e?null:Kt.createElement(F,null)}import be from"react";function Ce(){return be.createElement("div",{className:"p-fixed p-bottom-6 p-right-6 p-z-[999] p-flex p-gap-3"},be.createElement(X,null),be.createElement(J,null))}function qe(){let{editMode:r}=y();return pe(r),re.createElement(re.Fragment,null,re.createElement(Ee,null),re.createElement(Ce,null))}export{qe as PreprToolbar,xt as PreprToolbarProvider,fe as PreprTrackingPixel,D as usePreprToolbar};
 //# sourceMappingURL=index.js.map