@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.
- package/README.md +259 -38
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/react/index.cjs +9 -1
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.cts +46 -9
- package/dist/react/index.d.ts +46 -9
- package/dist/react/index.js +9 -1
- package/dist/react/index.js.map +1 -1
- package/dist/server/index.cjs +2 -2
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.d.cts +14 -3
- package/dist/server/index.d.ts +14 -3
- package/dist/server/index.js +2 -2
- package/dist/server/index.js.map +1 -1
- package/dist/types/index.d.cts +3 -3
- package/dist/types/index.d.ts +3 -3
- package/package.json +1 -1
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/utils/errors.ts":{"bytes":1985,"imports":[],"format":"esm"},"src/react/contexts/segment-context.tsx":{"bytes":1601,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/variant-context.tsx":{"bytes":1109,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/edit-mode-context.tsx":{"bytes":1523,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/index.ts":{"bytes":267,"imports":[{"path":"src/react/contexts/segment-context.tsx","kind":"import-statement","original":"./segment-context"},{"path":"src/react/contexts/variant-context.tsx","kind":"import-statement","original":"./variant-context"},{"path":"src/react/contexts/edit-mode-context.tsx","kind":"import-statement","original":"./edit-mode-context"}],"format":"esm"},"src/react/components/error-boundary.tsx":{"bytes":1342,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/utils/debug.ts":{"bytes":2587,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/prepr-previewbar-provider.tsx":{"bytes":3245,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"./contexts"},{"path":"src/react/components/error-boundary.tsx","kind":"import-statement","original":"./components/error-boundary"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../utils/debug"}],"format":"esm"},"src/utils/dom.ts":{"bytes":4121,"imports":[{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"}],"format":"esm"},"src/utils/performance.ts":{"bytes":2443,"imports":[],"format":"esm"},"src/react/hooks/use-stega-overlay.tsx":{"bytes":5294,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"@vercel/stega","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-stega-proximity.tsx":{"bytes":3242,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"}],"format":"esm"},"src/react/hooks/use-stega-elements.tsx":{"bytes":4787,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"}],"format":"esm"},"src/react/hooks/use-stega-scan.tsx":{"bytes":3960,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"},{"path":"src/react/hooks/use-stega-overlay.tsx","kind":"import-statement","original":"./use-stega-overlay"},{"path":"src/react/hooks/use-stega-proximity.tsx","kind":"import-statement","original":"./use-stega-proximity"},{"path":"src/react/hooks/use-stega-elements.tsx","kind":"import-statement","original":"./use-stega-elements"}],"format":"esm"},"src/utils/index.ts":{"bytes":1080,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"},{"path":"src/utils/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"./debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"./performance"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-modal.ts":{"bytes":1586,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/logo.tsx":{"bytes":4307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/sort-down.tsx":{"bytes":649,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/segment-dropdown.tsx":{"bytes":3041,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/react/components/icons/sort-down.tsx","kind":"import-statement","original":"./icons/sort-down"},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"}],"format":"esm"},"src/react/components/radio-selector.tsx":{"bytes":1431,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"}],"format":"esm"},"src/react/components/variant-selector.tsx":{"bytes":1052,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/edit-mode-selector.tsx":{"bytes":577,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"src/react/components/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/icons/rotate.tsx":{"bytes":1662,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/reset-button.tsx":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../utils"},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/rotate.tsx","kind":"import-statement","original":"./icons/rotate"}],"format":"esm"},"src/react/components/preview-bar/preview-bar-content.tsx":{"bytes":3072,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/logo.tsx","kind":"import-statement","original":"../logo"},{"path":"src/react/components/segment-dropdown.tsx","kind":"import-statement","original":"../segment-dropdown"},{"path":"src/react/components/variant-selector.tsx","kind":"import-statement","original":"../variant-selector"},{"path":"src/react/components/edit-mode-selector.tsx","kind":"import-statement","original":"../edit-mode-selector"},{"path":"src/react/components/reset-button.tsx","kind":"import-statement","original":"../reset-button"}],"format":"esm"},"src/react/components/icon.tsx":{"bytes":815,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/preview-bar/preview-bar-button.tsx":{"bytes":537,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/icon.tsx","kind":"import-statement","original":"../icon"}],"format":"esm"},"src/react/components/preview-bar/preview-bar.tsx":{"bytes":3194,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-modal.ts","kind":"import-statement","original":"../../hooks/use-modal"},{"path":"src/react/components/preview-bar/preview-bar-content.tsx","kind":"import-statement","original":"./preview-bar-content"},{"path":"src/react/components/preview-bar/preview-bar-button.tsx","kind":"import-statement","original":"./preview-bar-button"}],"format":"esm"},"src/react/components/preview-bar/index.ts":{"bytes":171,"imports":[{"path":"src/react/components/preview-bar/preview-bar.tsx","kind":"import-statement","original":"./preview-bar"},{"path":"src/react/components/preview-bar/preview-bar-content.tsx","kind":"import-statement","original":"./preview-bar-content"},{"path":"src/react/components/preview-bar/preview-bar-button.tsx","kind":"import-statement","original":"./preview-bar-button"}],"format":"esm"},"src/react/components/preview-bar-wrapper.tsx":{"bytes":1446,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/preview-bar/index.ts","kind":"import-statement","original":"./preview-bar"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/xmark.tsx":{"bytes":530,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/status-indicator-pill.tsx":{"bytes":2366,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"./icons/xmark"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/close-edit-mode-pill.tsx":{"bytes":868,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"../prepr-previewbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"./icons/xmark"}],"format":"esm"},"src/react/components/preview-bar-indicator-wrapper.tsx":{"bytes":361,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/status-indicator-pill.tsx","kind":"import-statement","original":"./status-indicator-pill"},{"path":"src/react/components/close-edit-mode-pill.tsx","kind":"import-statement","original":"./close-edit-mode-pill"}],"format":"esm"},"src/react/components/prepr-preview-bar.tsx":{"bytes":489,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../contexts"},{"path":"src/react/hooks/use-stega-scan.tsx","kind":"import-statement","original":"../hooks/use-stega-scan"},{"path":"src/react/components/preview-bar-wrapper.tsx","kind":"import-statement","original":"./preview-bar-wrapper"},{"path":"src/react/components/preview-bar-indicator-wrapper.tsx","kind":"import-statement","original":"./preview-bar-indicator-wrapper"}],"format":"esm"},"src/react/index.tsx":{"bytes":189,"imports":[{"path":"src/react/prepr-previewbar-provider.tsx","kind":"import-statement","original":"./prepr-previewbar-provider"},{"path":"src/react/components/prepr-preview-bar.tsx","kind":"import-statement","original":"./components/prepr-preview-bar"}],"format":"esm"}},"outputs":{"dist/react/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":105184},"dist/react/index.js":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@vercel/stega","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["PreprPreviewBar","PreprPreviewBarProvider","usePreprPreviewBar"],"entryPoint":"src/react/index.tsx","inputs":{"src/react/prepr-previewbar-provider.tsx":{"bytesInOutput":1244},"src/react/contexts/segment-context.tsx":{"bytesInOutput":471},"src/utils/errors.ts":{"bytesInOutput":651},"src/react/contexts/index.ts":{"bytesInOutput":0},"src/react/contexts/variant-context.tsx":{"bytesInOutput":336},"src/react/contexts/edit-mode-context.tsx":{"bytesInOutput":509},"src/react/components/error-boundary.tsx":{"bytesInOutput":731},"src/utils/debug.ts":{"bytesInOutput":590},"src/react/index.tsx":{"bytesInOutput":0},"src/react/components/prepr-preview-bar.tsx":{"bytesInOutput":151},"src/react/hooks/use-stega-scan.tsx":{"bytesInOutput":1505},"src/utils/dom.ts":{"bytesInOutput":1397},"src/utils/performance.ts":{"bytesInOutput":334},"src/react/hooks/use-stega-overlay.tsx":{"bytesInOutput":2267},"src/react/hooks/use-stega-proximity.tsx":{"bytesInOutput":1021},"src/react/hooks/use-stega-elements.tsx":{"bytesInOutput":2254},"src/react/components/preview-bar-wrapper.tsx":{"bytesInOutput":663},"src/react/components/preview-bar/preview-bar.tsx":{"bytesInOutput":1210},"src/utils/index.ts":{"bytesInOutput":105},"src/react/hooks/use-modal.ts":{"bytesInOutput":653},"src/react/components/preview-bar/preview-bar-content.tsx":{"bytesInOutput":2384},"src/react/components/logo.tsx":{"bytesInOutput":4117},"src/react/components/segment-dropdown.tsx":{"bytesInOutput":1804},"src/react/components/icons/sort-down.tsx":{"bytesInOutput":522},"src/react/components/variant-selector.tsx":{"bytesInOutput":522},"src/react/components/radio-selector.tsx":{"bytesInOutput":773},"src/react/components/edit-mode-selector.tsx":{"bytesInOutput":222},"src/react/components/reset-button.tsx":{"bytesInOutput":844},"src/react/components/icons/rotate.tsx":{"bytesInOutput":1584},"src/react/components/preview-bar/preview-bar-button.tsx":{"bytesInOutput":271},"src/react/components/icon.tsx":{"bytesInOutput":673},"src/react/components/preview-bar/index.ts":{"bytesInOutput":0},"src/react/components/preview-bar-indicator-wrapper.tsx":{"bytesInOutput":187},"src/react/components/status-indicator-pill.tsx":{"bytesInOutput":1267},"src/react/components/icons/xmark.tsx":{"bytesInOutput":405},"src/react/components/close-edit-mode-pill.tsx":{"bytesInOutput":597}},"bytes":32821}}}
|
|
1
|
+
{"inputs":{"src/utils/errors.ts":{"bytes":1985,"imports":[],"format":"esm"},"src/react/contexts/segment-context.tsx":{"bytes":1601,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/variant-context.tsx":{"bytes":1109,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/edit-mode-context.tsx":{"bytes":1523,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"}],"format":"esm"},"src/react/contexts/index.ts":{"bytes":267,"imports":[{"path":"src/react/contexts/segment-context.tsx","kind":"import-statement","original":"./segment-context"},{"path":"src/react/contexts/variant-context.tsx","kind":"import-statement","original":"./variant-context"},{"path":"src/react/contexts/edit-mode-context.tsx","kind":"import-statement","original":"./edit-mode-context"}],"format":"esm"},"src/react/components/error-boundary.tsx":{"bytes":1342,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/utils/debug.ts":{"bytes":2587,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/toolbar/toolbar-provider.tsx":{"bytes":3230,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/components/error-boundary.tsx","kind":"import-statement","original":"../error-boundary"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../../utils/debug"}],"format":"esm"},"src/utils/dom.ts":{"bytes":4121,"imports":[{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"}],"format":"esm"},"src/utils/performance.ts":{"bytes":2443,"imports":[],"format":"esm"},"src/react/hooks/use-stega-overlay.tsx":{"bytes":5294,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/errors.ts","kind":"import-statement","original":"../../utils/errors"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"@vercel/stega","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-stega-proximity.tsx":{"bytes":3242,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"}],"format":"esm"},"src/react/hooks/use-stega-elements.tsx":{"bytes":4787,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"}],"format":"esm"},"src/react/hooks/use-stega-scan.tsx":{"bytes":3960,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/dom.ts","kind":"import-statement","original":"../../utils/dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"../../utils/debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"../../utils/performance"},{"path":"src/react/hooks/use-stega-overlay.tsx","kind":"import-statement","original":"./use-stega-overlay"},{"path":"src/react/hooks/use-stega-proximity.tsx","kind":"import-statement","original":"./use-stega-proximity"},{"path":"src/react/hooks/use-stega-elements.tsx","kind":"import-statement","original":"./use-stega-elements"}],"format":"esm"},"src/utils/index.ts":{"bytes":1080,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"../types","kind":"import-statement","external":true},{"path":"src/utils/errors.ts","kind":"import-statement","original":"./errors"},{"path":"src/utils/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/utils/debug.ts","kind":"import-statement","original":"./debug"},{"path":"src/utils/performance.ts","kind":"import-statement","original":"./performance"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/hooks/use-modal.ts":{"bytes":1586,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/icons/xmark.tsx":{"bytes":530,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/status-indicator-pill.tsx":{"bytes":2360,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"../icons/xmark"},{"path":"next/navigation","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/close-edit-mode-pill.tsx":{"bytes":862,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/xmark.tsx","kind":"import-statement","original":"../icons/xmark"}],"format":"esm"},"src/react/components/icons/rotate.tsx":{"bytes":1662,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/reset-button.tsx":{"bytes":1604,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"../toolbar/toolbar-provider"},{"path":"src/react/components/icons/rotate.tsx","kind":"import-statement","original":"../icons/rotate"}],"format":"esm"},"src/react/components/ui/icon.tsx":{"bytes":815,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/logo.tsx":{"bytes":4307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/prepr-tracking-pixel.tsx":{"bytes":1957,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/script","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/ui/index.ts":{"bytes":358,"imports":[{"path":"src/react/components/ui/status-indicator-pill.tsx","kind":"import-statement","original":"./status-indicator-pill"},{"path":"src/react/components/ui/close-edit-mode-pill.tsx","kind":"import-statement","original":"./close-edit-mode-pill"},{"path":"src/react/components/ui/reset-button.tsx","kind":"import-statement","original":"./reset-button"},{"path":"src/react/components/ui/icon.tsx","kind":"import-statement","original":"./icon"},{"path":"src/react/components/ui/logo.tsx","kind":"import-statement","original":"./logo"},{"path":"src/react/components/ui/prepr-tracking-pixel.tsx","kind":"import-statement","original":"./prepr-tracking-pixel"}],"format":"esm"},"src/react/components/icons/sort-down.tsx":{"bytes":649,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/react/components/selectors/segment-selector.tsx":{"bytes":3051,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"../../../types","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/react/components/icons/sort-down.tsx","kind":"import-statement","original":"../icons/sort-down"},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"}],"format":"esm"},"src/react/components/selectors/radio-selector.tsx":{"bytes":1434,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"}],"format":"esm"},"src/react/components/selectors/variant-selector.tsx":{"bytes":1055,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/selectors/edit-mode-selector.tsx":{"bytes":580,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/selectors/index.ts":{"bytes":259,"imports":[{"path":"src/react/components/selectors/segment-selector.tsx","kind":"import-statement","original":"./segment-selector"},{"path":"src/react/components/selectors/variant-selector.tsx","kind":"import-statement","original":"./variant-selector"},{"path":"src/react/components/selectors/edit-mode-selector.tsx","kind":"import-statement","original":"./edit-mode-selector"},{"path":"src/react/components/selectors/radio-selector.tsx","kind":"import-statement","original":"./radio-selector"}],"format":"esm"},"src/react/components/toolbar/toolbar-content.tsx":{"bytes":2988,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"},{"path":"src/react/components/selectors/index.ts","kind":"import-statement","original":"../selectors"},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/toolbar-button.tsx":{"bytes":525,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/toolbar.tsx":{"bytes":3153,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"src/utils/index.ts","kind":"import-statement","original":"../../../utils"},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-modal.ts","kind":"import-statement","original":"../../hooks/use-modal"},{"path":"src/react/components/toolbar/toolbar-content.tsx","kind":"import-statement","original":"./toolbar-content"},{"path":"src/react/components/toolbar/toolbar-button.tsx","kind":"import-statement","original":"./toolbar-button"}],"format":"esm"},"src/react/components/toolbar/toolbar-wrapper.tsx":{"bytes":1429,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"src/react/components/toolbar/toolbar.tsx","kind":"import-statement","original":"./toolbar"}],"format":"esm"},"src/react/components/toolbar/toolbar-indicator-wrapper.tsx":{"bytes":307,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/components/ui/index.ts","kind":"import-statement","original":"../ui"}],"format":"esm"},"src/react/components/toolbar/prepr-toolbar.tsx":{"bytes":472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/contexts/index.ts","kind":"import-statement","original":"../../contexts"},{"path":"src/react/hooks/use-stega-scan.tsx","kind":"import-statement","original":"../../hooks/use-stega-scan"},{"path":"src/react/components/toolbar/toolbar-wrapper.tsx","kind":"import-statement","original":"./toolbar-wrapper"},{"path":"src/react/components/toolbar/toolbar-indicator-wrapper.tsx","kind":"import-statement","original":"./toolbar-indicator-wrapper"}],"format":"esm"},"src/react/index.tsx":{"bytes":280,"imports":[{"path":"src/react/components/toolbar/toolbar-provider.tsx","kind":"import-statement","original":"./components/toolbar/toolbar-provider"},{"path":"src/react/components/toolbar/prepr-toolbar.tsx","kind":"import-statement","original":"./components/toolbar/prepr-toolbar"},{"path":"src/react/components/ui/prepr-tracking-pixel.tsx","kind":"import-statement","original":"./components/ui/prepr-tracking-pixel"}],"format":"esm"}},"outputs":{"dist/react/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":107373},"dist/react/index.js":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@vercel/stega","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/script","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"next/navigation","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@headlessui/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["PreprToolbar","PreprToolbarProvider","PreprTrackingPixel","usePreprToolbar"],"entryPoint":"src/react/index.tsx","inputs":{"src/react/components/toolbar/toolbar-provider.tsx":{"bytesInOutput":1244},"src/react/contexts/segment-context.tsx":{"bytesInOutput":471},"src/utils/errors.ts":{"bytesInOutput":655},"src/react/contexts/index.ts":{"bytesInOutput":0},"src/react/contexts/variant-context.tsx":{"bytesInOutput":336},"src/react/contexts/edit-mode-context.tsx":{"bytesInOutput":509},"src/react/components/error-boundary.tsx":{"bytesInOutput":731},"src/utils/debug.ts":{"bytesInOutput":590},"src/react/index.tsx":{"bytesInOutput":0},"src/react/components/toolbar/prepr-toolbar.tsx":{"bytesInOutput":156},"src/react/hooks/use-stega-scan.tsx":{"bytesInOutput":1505},"src/utils/dom.ts":{"bytesInOutput":1397},"src/utils/performance.ts":{"bytesInOutput":334},"src/react/hooks/use-stega-overlay.tsx":{"bytesInOutput":2267},"src/react/hooks/use-stega-proximity.tsx":{"bytesInOutput":1021},"src/react/hooks/use-stega-elements.tsx":{"bytesInOutput":2254},"src/react/components/toolbar/toolbar-wrapper.tsx":{"bytesInOutput":663},"src/react/components/toolbar/toolbar.tsx":{"bytesInOutput":1214},"src/utils/index.ts":{"bytesInOutput":105},"src/react/hooks/use-modal.ts":{"bytesInOutput":653},"src/react/components/toolbar/toolbar-content.tsx":{"bytesInOutput":2383},"src/react/components/ui/status-indicator-pill.tsx":{"bytesInOutput":1266},"src/react/components/icons/xmark.tsx":{"bytesInOutput":405},"src/react/components/ui/index.ts":{"bytesInOutput":0},"src/react/components/ui/close-edit-mode-pill.tsx":{"bytesInOutput":596},"src/react/components/ui/reset-button.tsx":{"bytesInOutput":843},"src/react/components/icons/rotate.tsx":{"bytesInOutput":1584},"src/react/components/ui/icon.tsx":{"bytesInOutput":673},"src/react/components/ui/logo.tsx":{"bytesInOutput":4117},"src/react/components/ui/prepr-tracking-pixel.tsx":{"bytesInOutput":790},"src/react/components/selectors/segment-selector.tsx":{"bytesInOutput":1803},"src/react/components/icons/sort-down.tsx":{"bytesInOutput":522},"src/react/components/selectors/index.ts":{"bytesInOutput":0},"src/react/components/selectors/variant-selector.tsx":{"bytesInOutput":522},"src/react/components/selectors/radio-selector.tsx":{"bytesInOutput":773},"src/react/components/selectors/edit-mode-selector.tsx":{"bytesInOutput":222},"src/react/components/toolbar/toolbar-button.tsx":{"bytesInOutput":272},"src/react/components/toolbar/toolbar-indicator-wrapper.tsx":{"bytesInOutput":185}},"bytes":33634}}}
|
package/dist/react/index.cjs
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";"use client";var dt=Object.create;var U=Object.defineProperty,ct=Object.defineProperties,ut=Object.getOwnPropertyDescriptor,mt=Object.getOwnPropertyDescriptors,ft=Object.getOwnPropertyNames,Re=Object.getOwnPropertySymbols,gt=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var $e=(t,e,r)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e||(e={}))ze.call(e,r)&&$e(t,r,e[r]);if(Re)for(var r of Re(e))ht.call(e,r)&&$e(t,r,e[r]);return t},oe=(t,e)=>ct(t,mt(e));var vt=(t,e)=>{for(var r in e)U(t,r,{get:e[r],enumerable:!0})},Ge=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of ft(e))!ze.call(t,n)&&n!==r&&U(t,n,{get:()=>e[n],enumerable:!(o=ut(e,n))||o.enumerable});return t};var g=(t,e,r)=>(r=t!=null?dt(gt(t)):{},Ge(e||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t)),xt=t=>Ge(U({},"__esModule",{value:!0}),t);var yt={};vt(yt,{PreprPreviewBar:()=>Fe,PreprPreviewBarProvider:()=>Xe,usePreprPreviewBar:()=>H});module.exports=xt(yt);var b=g(require("react"),1);var A=g(require("react"),1);var he={DECODE_FAILED:"STEGA_DECODE_FAILED",INVALID_FORMAT:"STEGA_INVALID_FORMAT",DOM_MANIPULATION_FAILED:"DOM_MANIPULATION_FAILED",CONTEXT_NOT_FOUND:"CONTEXT_NOT_FOUND"};function ve(t,e,r,o){return{type:t,context:e,message:r.message,timestamp:new Date().toISOString(),stack:r.stack,additionalData:o}}function We(t,e,r){let o=ve(he.DECODE_FAILED,e,t,r);return console.error("Stega Error:",o),process.env.NODE_ENV,o}function P(t,e){let r=ve(he.DOM_MANIPULATION_FAILED,e,t);return console.error("DOM Error:",r),r}function z(t){let e=new Error(`${t} must be used within its provider`),r=ve(he.CONTEXT_NOT_FOUND,t,e);throw console.error("Context Error:",r),e}var Ze=(0,A.createContext)(void 0);function xe({children:t,initialSegments:e,activeSegment:r}){let o=[{_id:"all_other_users",name:"All other users"},...e],n={name:"Choose segment",_id:"null"},[i,s]=(0,A.useState)(o&&o.filter(l=>l._id===r)[0]||n),a={segments:o,selectedSegment:i,setSelectedSegment:s,emptySegment:n};return A.default.createElement(Ze.Provider,{value:a},t)}function j(){let t=(0,A.useContext)(Ze);return t||z("useSegmentContext"),t}var _=g(require("react"),1);var Ke=(0,_.createContext)(void 0);function Ee({children:t,activeVariant:e}){let r="null",[o,n]=(0,_.useState)(e||"null"),i={selectedVariant:o,setSelectedVariant:n,emptyVariant:r};return _.default.createElement(Ke.Provider,{value:i},t)}function X(){let t=(0,_.useContext)(Ke);return t||z("useVariantContext"),t}var C=g(require("react"),1);var Ue=(0,C.createContext)(void 0);function we({children:t}){let[e,r]=(0,C.useState)(!1),[o,n]=(0,C.useState)(!1);(0,C.useEffect)(()=>{window.parent!==self&&n(!0)},[]),(0,C.useEffect)(()=>{let s=a=>{a.key==="Escape"&&e&&r(!1)};return e&&document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[e]);let i={editMode:e,setEditMode:r,isIframe:o};return C.default.createElement(Ue.Provider,{value:i},t)}function L(){let t=(0,C.useContext)(Ue);return t||z("useEditModeContext"),t}var G=g(require("react"),1),ne=class extends G.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){console.error("Stega Error Boundary caught an error:",e,r),process.env.NODE_ENV}render(){var e;return this.state.hasError?this.props.fallback?this.props.fallback:G.default.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"},G.default.createElement("div",{className:"p-mb-2 p-font-semibold"},"Preview mode unavailable"),G.default.createElement("div",{className:"p-text-red-600"},((e=this.state.error)==null?void 0:e.message)||"An unexpected error occurred")):this.props.children}};var se=class t{constructor(e){this.options=w({prefix:"[Prepr]"},e)}log(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.log(`${o} ${e}`,...r)}warn(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.warn(`${o} ${e}`,...r)}error(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.error(`${o} ${e}`,...r)}scope(e){return new t(oe(w({},this.options),{prefix:`${this.options.prefix}[${e}]`}))}},ie=null;function je(t=!1){ie=new se({enabled:t})}function Et(){return ie||(ie=new se({enabled:!1})),ie}function T(t){return Et().scope(t)}var Xe=({children:t,props:e,options:r})=>{let{activeSegment:o,activeVariant:n,data:i}=e;return(0,b.useEffect)(()=>{var a;let s=(a=r==null?void 0:r.debug)!=null?a:!1;je(s)},[r==null?void 0:r.debug]),b.default.createElement(ne,null,b.default.createElement(xe,{initialSegments:i,activeSegment:o},b.default.createElement(Ee,{activeVariant:n},b.default.createElement(we,null,t))))},H=()=>{let t=j(),e=X(),r=L(),o=(0,b.useCallback)(()=>{t.setSelectedSegment(t.emptySegment),e.setSelectedVariant(e.emptyVariant)},[t,e]),n=(0,b.useCallback)(()=>{t.setSelectedSegment(t.emptySegment),e.setSelectedVariant(e.emptyVariant),r.setEditMode(!1)},[t,e,r]);return(0,b.useMemo)(()=>({isPreviewMode:!1,activeSegment:t.selectedSegment._id,activeVariant:e.selectedVariant,data:t.segments,emptySegment:t.emptySegment,segmentList:t.segments,selectedSegment:t.selectedSegment,setSelectedSegment:t.setSelectedSegment,emptyVariant:e.emptyVariant,selectedVariant:e.selectedVariant,setSelectedVariant:e.setSelectedVariant,editMode:r.editMode,setEditMode:r.setEditMode,isIframe:r.isIframe,resetPersonalization:o,resetAll:n}),[t.selectedSegment,t.segments,t.emptySegment,t.setSelectedSegment,e.selectedVariant,e.emptyVariant,e.setSelectedVariant,r.editMode,r.setEditMode,r.isIframe,o,n])};var ee=g(require("react"),1);var D=require("react");var x=class{static createElement(e,r){try{let o=document.createElement(e);return o.className=r,o}catch(o){throw P(o,"createElement"),o}}static appendToBody(e){try{document.body.appendChild(e)}catch(r){throw P(r,"appendToBody"),r}}static removeFromBody(e){try{e.parentNode&&e.parentNode.removeChild(e)}catch(r){throw P(r,"removeFromBody"),r}}static setElementStyles(e,r){try{Object.entries(r).forEach(([o,n])=>{e.style.setProperty(o,n)})}catch(o){throw P(o,"setElementStyles"),o}}static getElementRect(e){try{return e.getBoundingClientRect()}catch(r){throw P(r,"getElementRect"),r}}static isElementInViewport(e){try{let r=this.getElementRect(e);return r.top>=0&&r.left>=0&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&r.right<=(window.innerWidth||document.documentElement.clientWidth)}catch(r){return P(r,"isElementInViewport"),!1}}static calculateDistance(e,r,o,n){return Math.sqrt(Math.pow(o-e,2)+Math.pow(n-r,2))}static findClosestElement(e,r,o){try{let n=null,i=1/0;return o.forEach(s=>{let a=this.getElementRect(s),l=this.calculateDistance(e,r,a.left+a.width/2,a.top+a.height/2);l<i&&(i=l,n=s)}),n}catch(n){return P(n,"findClosestElement"),null}}static addEventListener(e,r,o,n){try{e.addEventListener(r,o,n)}catch(i){throw P(i,"addEventListener"),i}}static removeEventListener(e,r,o,n){try{e.removeEventListener(r,o,n)}catch(i){throw P(i,"removeEventListener"),i}}};function qe(t,e){let r=null,o=0,n=(...i)=>{let s=Date.now(),a=s-o;a>=e?(t(...i),o=s):(r&&clearTimeout(r),r=setTimeout(()=>{t(...i),o=Date.now(),r=null},e-a))};return n.cancel=()=>{r&&(clearTimeout(r),r=null)},n}function Je(t,e=1e3){let r=null,o=0;return()=>{let n=Date.now();return(!r||n-o>e)&&(r=document.querySelectorAll(t),o=n),r}}var M=require("react");var Ce=require("@vercel/stega");function wt(t){if(!t)return null;let e=T("decode");try{e.log("attempting to decode stega data");let r=(0,Ce.vercelStegaDecode)(t);if(e.log("vercelStegaDecode result:",r),r!=null&&r.href)return e.log("successfully decoded",r),r}catch(r){e.log("error decoding stega data:",r);let o=/{"origin.*?}/,n=t.match(o);if(n)try{let i=(0,Ce.vercelStegaDecode)(n[0]);if(i!=null&&i.href)return e.log("successfully decoded with regex match",i),i}catch(i){We(i,"decode",{input:t})}}return null}function Ye(){let t=T("useStegaOverlay"),e=(0,M.useRef)(null),r=(0,M.useRef)(null),o=(0,M.useRef)(null),n=(0,M.useRef)(null),i=(0,M.useCallback)(()=>{let c=x.createElement("div","prepr-overlay");c.style.display="none";let d=x.createElement("div","prepr-tooltip");return d.style.display="none",x.appendToBody(c),x.appendToBody(d),e.current=c,r.current=d,t.log("created overlay and tooltip elements"),{overlay:c,tooltip:d}},[t]),s=(0,M.useCallback)(c=>{if(!e.current||!r.current)return;o.current&&(clearTimeout(o.current),o.current=null);let d=x.getElementRect(c),u=c.getAttribute("data-prepr-href"),p=c.getAttribute("data-prepr-origin");t.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=r.current;if(f&&u&&p){let E=d.width<80;f.textContent=E?"\u2197":`${p} \u2197`,f.style.display="block",E?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},[t]),a=(0,M.useCallback)(()=>{!e.current||!r.current||(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{e.current&&(e.current.style.display="none"),r.current&&(r.current.style.display="none"),n.current=null,t.log("hidden overlay and tooltip")},100))},[t]),l=(0,M.useCallback)(()=>{o.current&&clearTimeout(o.current),e.current&&x.removeFromBody(e.current),r.current&&x.removeFromBody(r.current),t.log("cleaned up overlay and tooltip")},[t]);return{overlayRef:e,tooltipRef:r,currentElementRef:n,hideTimeoutRef:o,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:wt}}var q=require("react");function Qe(){let t=T("useStegaProximity"),e=(0,q.useRef)(new Set),r=Je("[data-prepr-encoded]",500),o=(0,q.useCallback)((i,s)=>{let a=r(),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),k=Math.abs(s-u.bottom),E=Math.min(p,m,f,k),S=d;if(E<150){let B=i-u.left,O=s-u.top;S.style.setProperty("--cursor-x",`${B}px`),S.style.setProperty("--cursor-y",`${O}px`);let F=Math.max(150,Math.max(u.width,u.height)*1.1),te=Math.max(0,(400-E)/400),re=F*te;S.style.setProperty("--gradient-size",`${re}px`),S.classList.add("prepr-proximity-highlight"),l.add(S),c++}else S.classList.remove("prepr-proximity-highlight")}),e.current=l,c>0&&t.log("highlighted",c,"elements near cursor")},[t,r]),n=(0,q.useCallback)(()=>{let i=e.current,s=0;i.forEach(a=>{a.classList.remove("prepr-proximity-highlight"),s++}),e.current.clear(),s>0&&t.log("cleared highlights from",s,"elements")},[t]);return{updateElementGradients:o,clearAllHighlights:n,highlightedElementsRef:e}}var N=require("react");function et(){let t=T("useStegaElements"),e=(0,N.useRef)(void 0),r=(0,N.useRef)(null),o=(0,N.useCallback)(()=>(e.current||(e.current=document.querySelectorAll("[data-prepr-encoded]")),e.current),[]),n=(0,N.useCallback)((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),t.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)},[t]),i=(0,N.useCallback)(l=>{t.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++)}}t.log("document scan complete, encoded",u,"elements"),e.current=document.querySelectorAll("[data-prepr-encoded]")},[t]),s=(0,N.useCallback)(l=>{r.current&&r.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]")};r.current=new MutationObserver(p=>{c.push(...p),d&&clearTimeout(d),d=setTimeout(u,100)}),r.current.observe(document.body,{childList:!0,subtree:!0}),t.log("mutation observer set up")},[n,t]),a=(0,N.useCallback)(()=>{r.current&&(r.current.disconnect(),r.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")}),t.log("cleaned up",l.length,"encoded elements"),e.current=void 0},[t]);return{getElements:o,scanDocument:i,setupMutationObserver:s,cleanup:a}}function be(t){let e=T("useStegaScan"),r=(0,D.useRef)(!1),{currentElementRef:o,hideTimeoutRef:n,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:c}=Ye(),{updateElementGradients:d,clearAllHighlights:u}=Qe(),{getElements:p,scanDocument:m,setupMutationObserver:f,cleanup:k}=et(),E=(0,D.useMemo)(()=>qe(O=>{let F=O,te=F.target;if(te.closest(".prepr-tooltip"))return;d(F.clientX,F.clientY);let re=te.closest("[data-prepr-encoded]");re?s(re):a()},16),[d,s,a]),S=(0,D.useCallback)(()=>{n.current&&(clearTimeout(n.current),n.current=null)},[n]),B=(0,D.useCallback)(()=>{o.current||a()},[o,a]);(0,D.useEffect)(()=>{if(e.log("editMode changed to",t),!t){e.log("editMode is false, cleaning up"),r.current&&(x.removeEventListener(document,"mousemove",E),l(),u(),k(),r.current=!1);return}if(r.current){e.log("already initialized, skipping setup");return}e.log("editMode is true, setting up scanning");let{tooltip:O}=i();e.log("created overlay and tooltip"),x.addEventListener(O,"mouseenter",S),x.addEventListener(O,"mouseleave",B),e.log("starting document scan"),m(c);let F=p();return e.log("found",F.length,"encoded elements after scan"),f(c),e.log("set up mutation observer"),x.addEventListener(document,"mousemove",E),e.log("added throttled mousemove handler"),r.current=!0,()=>{e.log("cleaning up"),x.removeEventListener(document,"mousemove",E),x.removeEventListener(O,"mouseenter",S),x.removeEventListener(O,"mouseleave",B),n.current&&clearTimeout(n.current),l(),u(),k(),r.current=!1}},[t])}var K=g(require("react"),1);var v=g(require("react"),1),lt=require("react-dom");var tt=require("clsx"),rt=require("tailwind-merge");function y(...t){return(0,rt.twMerge)((0,tt.clsx)(t))}var W=require("react");function ot({isVisible:t,onClose:e}){let r=(0,W.useRef)(null),o=(0,W.useRef)(null);return(0,W.useEffect)(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]),(0,W.useEffect)(()=>{let n=s=>{s.key==="Escape"&&e()},i=s=>{s.target.closest('[role="listbox"], [role="option"]')||r.current&&!r.current.contains(s.target)&&o.current&&!o.current.contains(s.target)&&e()};return t&&(document.addEventListener("keydown",n),document.addEventListener("mousedown",i)),()=>{document.removeEventListener("keydown",n),document.removeEventListener("mousedown",i)}},[t,e]),{contentRef:r,triggerRef:o}}var h=g(require("react"),1);var R=g(require("react"),1);var Ct=t=>R.default.createElement("svg",oe(w({width:"102",height:"28",viewBox:"0 0 102 28",fill:"none"},t),{xmlns:"http://www.w3.org/2000/svg"}),R.default.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"}),R.default.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"}),R.default.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"}),R.default.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"}),R.default.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"})),nt=Ct;var V=g(require("react"),1);var ae=require("next/navigation"),I=require("@headlessui/react");var ye=g(require("react"),1);function Se(t){return ye.default.createElement("svg",w({width:"9",height:"6",viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),ye.default.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 Pe(){let{segments:t,setSelectedSegment:e,selectedSegment:r}=j(),o=(0,ae.usePathname)(),n=(0,ae.useRouter)(),i=s=>{let a=new URLSearchParams(window.location.search),l=t.find(c=>c._id===s);l&&(e(l),a.set("prepr_preview_segment",s),n.push(`${o}?${a.toString()}`,{scroll:!1}),n.refresh())};return V.default.createElement(I.Listbox,{value:r._id,onChange:s=>i(s)},V.default.createElement(I.ListboxButton,{as:"button",disabled:!(t&&t.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"},V.default.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},t.length>0?r.name:"No segments"),V.default.createElement("div",{className:"p-text-gray-800"},V.default.createElement(Se,null))),V.default.createElement(I.ListboxOptions,{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"},t==null?void 0:t.map(s=>V.default.createElement(I.ListboxOption,{key:s._id,value:s._id,className:y("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===r._id?"p-bg-indigo-50 p-text-indigo-700":"p-bg-white p-text-gray-900 hover:p-bg-gray-100")},V.default.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},s.name)))))}var it=g(require("react"),1);var pe=require("next/navigation");var Me=g(require("react"),1),le=require("@headlessui/react");function J({value:t,onChange:e,options:r}){return Me.default.createElement(le.RadioGroup,{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:t,onChange:e},r.map(o=>Me.default.createElement(le.Radio,{key:String(o.value),value:o.value,className:y(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===t&&"p-drop-shadow-3")},o.label)))}function Le(){let{selectedVariant:t,setSelectedVariant:e,emptyVariant:r}=X(),o=(0,pe.usePathname)(),n=(0,pe.useRouter)();return it.default.createElement(J,{value:t||r,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]"}]})}var st=g(require("react"),1);function Te(){let{editMode:t,setEditMode:e}=L(),r=n=>{e(n==="true"||n===!0)};return st.default.createElement(J,{options:[{value:"false",label:"Off"},{value:"true",label:"On"}],value:t.toString(),onChange:r})}var de=g(require("react"),1),ce=require("next/navigation");var Ne=g(require("react"),1);function De(){return Ne.default.createElement("svg",{width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ne.default.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 Ve(){let t=(0,ce.useRouter)(),{resetAll:e,selectedVariant:r,selectedSegment:o,setEditMode:n,editMode:i}=H(),s=(0,ce.usePathname)(),a=o._id!=="null"||r!=="null"||i,l=()=>{e(),n(!1);let d=new URLSearchParams;d.set("prepr_preview_segment","null"),d.set("prepr_preview_ab","null"),t.push(`${s}?${d.toString()}`,{scroll:!1}),t.refresh(),t.push(s,{scroll:!1}),t.refresh()},c=y("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 de.default.createElement("button",{onClick:l,className:c,disabled:!a},de.default.createElement(De,null),de.default.createElement("span",{className:"p-block sm:p-hidden lg:p-block"},"Reset"))}function ue({onClose:t,contentRef:e}){return h.default.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"},h.default.createElement("div",{className:"p-flex p-items-center p-justify-between p-gap-2"},h.default.createElement("div",{className:"p-flex p-items-start p-gap-3"},h.default.createElement(nt,null),h.default.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")),h.default.createElement("button",{onClick:t,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"},h.default.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.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"})))),h.default.createElement("div",{className:"p-space-y-2"},h.default.createElement("span",{className:"p-text-sm p-text-grey-400"},"Personalized content"),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Apply segment"),h.default.createElement(Pe,null)),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Show A/B variant"),h.default.createElement(Le,null))),h.default.createElement("div",{className:"p-space-y-2"},h.default.createElement("span",{className:"p-text-sm p-text-grey-400"},"Collaboration"),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Edit mode"),h.default.createElement(Te,null))),h.default.createElement(Ve,null))}var Oe=g(require("react"),1);var Be=g(require("react"),1);var bt=t=>Be.default.createElement("svg",w({width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t),Be.default.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"})),at=bt;function me({onClick:t,className:e}){return Oe.default.createElement("button",{onClick:t,className:y("cursor-pointer p-z-50 p-flex p-size-9 p-items-center p-justify-center p-rounded-full p-bg-primary-700",e)},Oe.default.createElement(at,{className:"p-text-white"}))}function Z({children:t}){let[e,r]=(0,v.useState)(!1),[o,n]=v.default.useState(!1),{editMode:i}=L(),{contentRef:s,triggerRef:a}=ot({isVisible:o,onClose:()=>n(!1)});(0,v.useEffect)(()=>{r(!0)},[]);let l=v.default.useRef(null),[c,d]=v.default.useState(""),u=v.default.useCallback(()=>{if(l.current&&a.current){let f=l.current.offsetHeight,k=window.innerHeight,E=a.current.getBoundingClientRect(),B=E.top+E.height/2-f/2;B=Math.max(32,Math.min(B,k-f-32)),d(B)}},[a]);(0,v.useEffect)(()=>{if(o)return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[o,u]);let p=()=>{n(!o)};(0,v.useEffect)(()=>{i&&setTimeout(()=>{n(!1)},150)},[i]);let m=v.default.createElement(v.default.Fragment,null,o&&v.default.createElement("div",{className:"preview-bar-backdrop"}),v.default.createElement("div",{className:y("preview-bar-container")},v.default.createElement("div",{className:"p-pr-2",ref:a},v.default.createElement(me,{onClick:p})),v.default.createElement("div",{ref:l,style:c!==""?{top:c,position:"fixed",right:0}:{},className:y("preview-bar-popup",o?"p-pointer-events-auto p-opacity-100":"p-pointer-events-none p-opacity-0")},t||v.default.createElement(ue,{onClose:p,contentRef:s}))));return e?(0,lt.createPortal)(m,document.body):null}Z.Content=ue;Z.Button=me;var pt=require("next/navigation");function Ae(){let t=(0,pt.useSearchParams)(),[e,r]=(0,K.useState)(!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(0,K.useEffect)(()=>{let n=typeof window!="undefined"&&(window==null?void 0:window.parent)!==window.self;if(n){r(!0);let i={name:"prepr_preview_bar",event:"loaded"};window.parent.postMessage(i,"*"),window.addEventListener("keydown",o)}return()=>{n&&window.removeEventListener("keydown",o)}},[]),t.get("prepr_hide_bar")==="true"||e?null:K.default.createElement(Z,null)}var ge=g(require("react"),1);var $=g(require("react"),1);var _e=g(require("react"),1);function Y(t){return _e.default.createElement("svg",w({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),_e.default.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"}))}var fe=require("next/navigation");function He(){var d,u;let{selectedSegment:t,selectedVariant:e,emptySegment:r,emptyVariant:o,isIframe:n,resetPersonalization:i}=H(),s=t&&t._id!==((d=r==null?void 0:r._id)!=null?d:"null")||e&&e!==(o!=null?o:"null"),a=(0,fe.useRouter)(),l=(0,fe.usePathname)(),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:$.default.createElement("div",{className:"p-z-[998] p-flex p-gap-2"},s&&$.default.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"},$.default.createElement("span",{className:"p-text-[10px] p-text-white/60"},"viewing as"),t&&t._id!==((u=r==null?void 0:r._id)!=null?u:"null")&&$.default.createElement("span",{className:"max-w-[120px] p-inline-block p-truncate"},t.name),e&&e!==(o!=null?o:"null")&&$.default.createElement("span",{className:"max-w-[80px] p-inline-block p-truncate p-rounded p-bg-white/20 p-px-2"},e),$.default.createElement(Y,{className:"p-h-3 p-w-3 p-text-white"})))}var Q=g(require("react"),1);function Ie(){let{editMode:t,setEditMode:e,isIframe:r}=H();return!t||r?null:Q.default.createElement("div",{className:"p-z-[999] p-flex"},Q.default.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.default.createElement("span",null,"Edit mode"),Q.default.createElement(Y,{className:"transition-colors duration-150 p-h-4 p-w-4 p-text-gray-500 hover:p-text-gray-700"})))}function ke(){return ge.default.createElement("div",{className:"p-fixed p-bottom-6 p-right-6 p-z-[999] p-flex p-gap-3"},ge.default.createElement(He,null),ge.default.createElement(Ie,null))}function Fe(){let{editMode:t}=L();return be(t),ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(Ae,null),ee.default.createElement(ke,null))}0&&(module.exports={PreprPreviewBar,PreprPreviewBarProvider,usePreprPreviewBar});
|
|
2
|
+
"use strict";"use client";var mt=Object.create;var K=Object.defineProperty,ft=Object.defineProperties,gt=Object.getOwnPropertyDescriptor,ht=Object.getOwnPropertyDescriptors,xt=Object.getOwnPropertyNames,Ge=Object.getOwnPropertySymbols,vt=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var We=(t,e,r)=>e in t?K(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,b=(t,e)=>{for(var r in e||(e={}))je.call(e,r)&&We(t,r,e[r]);if(Ge)for(var r of Ge(e))Et.call(e,r)&&We(t,r,e[r]);return t},oe=(t,e)=>ft(t,ht(e));var bt=(t,e)=>{for(var r in e)K(t,r,{get:e[r],enumerable:!0})},Ze=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of xt(e))!je.call(t,n)&&n!==r&&K(t,n,{get:()=>e[n],enumerable:!(o=gt(e,n))||o.enumerable});return t};var f=(t,e,r)=>(r=t!=null?mt(vt(t)):{},Ze(e||!t||!t.__esModule?K(r,"default",{value:t,enumerable:!0}):r,t)),Ct=t=>Ze(K({},"__esModule",{value:!0}),t);var Mt={};bt(Mt,{PreprToolbar:()=>ze,PreprToolbarProvider:()=>Ye,PreprTrackingPixel:()=>me,usePreprToolbar:()=>I});module.exports=Ct(Mt);var w=f(require("react"),1);var A=f(require("react"),1);var Ce={DECODE_FAILED:"STEGA_DECODE_FAILED",INVALID_FORMAT:"STEGA_INVALID_FORMAT",DOM_MANIPULATION_FAILED:"DOM_MANIPULATION_FAILED",CONTEXT_NOT_FOUND:"CONTEXT_NOT_FOUND"};function we(t,e,r,o){return{type:t,context:e,message:r.message,timestamp:new Date().toISOString(),stack:r.stack,additionalData:o}}function Ke(t,e,r){let o=we(Ce.DECODE_FAILED,e,t,r);return console.error("Stega Error:",o),process.env.NODE_ENV,o}function T(t,e){let r=we(Ce.DOM_MANIPULATION_FAILED,e,t);return console.error("DOM Error:",r),r}function z(t){let e=new Error(`${t} must be used within its provider`),r=we(Ce.CONTEXT_NOT_FOUND,t,e);throw console.error("Context Error:",r),e}var Ue=(0,A.createContext)(void 0);function ye({children:t,initialSegments:e,activeSegment:r}){let o=[{_id:"all_other_users",name:"All other users"},...e],n={name:"Choose segment",_id:"null"},[i,s]=(0,A.useState)(o&&o.filter(l=>l._id===r)[0]||n),a={segments:o,selectedSegment:i,setSelectedSegment:s,emptySegment:n};return A.default.createElement(Ue.Provider,{value:a},t)}function U(){let t=(0,A.useContext)(Ue);return t||z("useSegmentContext"),t}var k=f(require("react"),1);var Xe=(0,k.createContext)(void 0);function Se({children:t,activeVariant:e}){let r="null",[o,n]=(0,k.useState)(e||"null"),i={selectedVariant:o,setSelectedVariant:n,emptyVariant:r};return k.default.createElement(Xe.Provider,{value:i},t)}function X(){let t=(0,k.useContext)(Xe);return t||z("useVariantContext"),t}var C=f(require("react"),1);var qe=(0,C.createContext)(void 0);function Te({children:t}){let[e,r]=(0,C.useState)(!1),[o,n]=(0,C.useState)(!1);(0,C.useEffect)(()=>{window.parent!==self&&n(!0)},[]),(0,C.useEffect)(()=>{let s=a=>{a.key==="Escape"&&e&&r(!1)};return e&&document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[e]);let i={editMode:e,setEditMode:r,isIframe:o};return C.default.createElement(qe.Provider,{value:i},t)}function P(){let t=(0,C.useContext)(qe);return t||z("useEditModeContext"),t}var G=f(require("react"),1),ne=class extends G.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){console.error("Stega Error Boundary caught an error:",e,r),process.env.NODE_ENV}render(){var e;return this.state.hasError?this.props.fallback?this.props.fallback:G.default.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"},G.default.createElement("div",{className:"p-mb-2 p-font-semibold"},"Preview mode unavailable"),G.default.createElement("div",{className:"p-text-red-600"},((e=this.state.error)==null?void 0:e.message)||"An unexpected error occurred")):this.props.children}};var se=class t{constructor(e){this.options=b({prefix:"[Prepr]"},e)}log(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.log(`${o} ${e}`,...r)}warn(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.warn(`${o} ${e}`,...r)}error(e,...r){if(!this.options.enabled)return;let o=this.options.prefix;console.error(`${o} ${e}`,...r)}scope(e){return new t(oe(b({},this.options),{prefix:`${this.options.prefix}[${e}]`}))}},ie=null;function Je(t=!1){ie=new se({enabled:t})}function wt(){return ie||(ie=new se({enabled:!1})),ie}function L(t){return wt().scope(t)}var Ye=({children:t,props:e,options:r})=>{let{activeSegment:o,activeVariant:n,data:i}=e;return(0,w.useEffect)(()=>{var a;let s=(a=r==null?void 0:r.debug)!=null?a:!1;Je(s)},[r==null?void 0:r.debug]),w.default.createElement(ne,null,w.default.createElement(ye,{initialSegments:i,activeSegment:o},w.default.createElement(Se,{activeVariant:n},w.default.createElement(Te,null,t))))},I=()=>{let t=U(),e=X(),r=P(),o=(0,w.useCallback)(()=>{t.setSelectedSegment(t.emptySegment),e.setSelectedVariant(e.emptyVariant)},[t,e]),n=(0,w.useCallback)(()=>{t.setSelectedSegment(t.emptySegment),e.setSelectedVariant(e.emptyVariant),r.setEditMode(!1)},[t,e,r]);return(0,w.useMemo)(()=>({isPreviewMode:!1,activeSegment:t.selectedSegment._id,activeVariant:e.selectedVariant,data:t.segments,emptySegment:t.emptySegment,segmentList:t.segments,selectedSegment:t.selectedSegment,setSelectedSegment:t.setSelectedSegment,emptyVariant:e.emptyVariant,selectedVariant:e.selectedVariant,setSelectedVariant:e.setSelectedVariant,editMode:r.editMode,setEditMode:r.setEditMode,isIframe:r.isIframe,resetPersonalization:o,resetAll:n}),[t.selectedSegment,t.segments,t.emptySegment,t.setSelectedSegment,e.selectedVariant,e.emptyVariant,e.setSelectedVariant,r.editMode,r.setEditMode,r.isIframe,o,n])};var ee=f(require("react"),1);var D=require("react");var v=class{static createElement(e,r){try{let o=document.createElement(e);return o.className=r,o}catch(o){throw T(o,"createElement"),o}}static appendToBody(e){try{document.body.appendChild(e)}catch(r){throw T(r,"appendToBody"),r}}static removeFromBody(e){try{e.parentNode&&e.parentNode.removeChild(e)}catch(r){throw T(r,"removeFromBody"),r}}static setElementStyles(e,r){try{Object.entries(r).forEach(([o,n])=>{e.style.setProperty(o,n)})}catch(o){throw T(o,"setElementStyles"),o}}static getElementRect(e){try{return e.getBoundingClientRect()}catch(r){throw T(r,"getElementRect"),r}}static isElementInViewport(e){try{let r=this.getElementRect(e);return r.top>=0&&r.left>=0&&r.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&r.right<=(window.innerWidth||document.documentElement.clientWidth)}catch(r){return T(r,"isElementInViewport"),!1}}static calculateDistance(e,r,o,n){return Math.sqrt(Math.pow(o-e,2)+Math.pow(n-r,2))}static findClosestElement(e,r,o){try{let n=null,i=1/0;return o.forEach(s=>{let a=this.getElementRect(s),l=this.calculateDistance(e,r,a.left+a.width/2,a.top+a.height/2);l<i&&(i=l,n=s)}),n}catch(n){return T(n,"findClosestElement"),null}}static addEventListener(e,r,o,n){try{e.addEventListener(r,o,n)}catch(i){throw T(i,"addEventListener"),i}}static removeEventListener(e,r,o,n){try{e.removeEventListener(r,o,n)}catch(i){throw T(i,"removeEventListener"),i}}};function Qe(t,e){let r=null,o=0,n=(...i)=>{let s=Date.now(),a=s-o;a>=e?(t(...i),o=s):(r&&clearTimeout(r),r=setTimeout(()=>{t(...i),o=Date.now(),r=null},e-a))};return n.cancel=()=>{r&&(clearTimeout(r),r=null)},n}function et(t,e=1e3){let r=null,o=0;return()=>{let n=Date.now();return(!r||n-o>e)&&(r=document.querySelectorAll(t),o=n),r}}var M=require("react");var Me=require("@vercel/stega");function yt(t){if(!t)return null;let e=L("decode");try{e.log("attempting to decode stega data");let r=(0,Me.vercelStegaDecode)(t);if(e.log("vercelStegaDecode result:",r),r!=null&&r.href)return e.log("successfully decoded",r),r}catch(r){e.log("error decoding stega data:",r);let o=/{"origin.*?}/,n=t.match(o);if(n)try{let i=(0,Me.vercelStegaDecode)(n[0]);if(i!=null&&i.href)return e.log("successfully decoded with regex match",i),i}catch(i){Ke(i,"decode",{input:t})}}return null}function tt(){let t=L("useStegaOverlay"),e=(0,M.useRef)(null),r=(0,M.useRef)(null),o=(0,M.useRef)(null),n=(0,M.useRef)(null),i=(0,M.useCallback)(()=>{let c=v.createElement("div","prepr-overlay");c.style.display="none";let d=v.createElement("div","prepr-tooltip");return d.style.display="none",v.appendToBody(c),v.appendToBody(d),e.current=c,r.current=d,t.log("created overlay and tooltip elements"),{overlay:c,tooltip:d}},[t]),s=(0,M.useCallback)(c=>{if(!e.current||!r.current)return;o.current&&(clearTimeout(o.current),o.current=null);let d=v.getElementRect(c),u=c.getAttribute("data-prepr-href"),p=c.getAttribute("data-prepr-origin");t.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 g=r.current;if(g&&u&&p){let E=d.width<80;g.textContent=E?"\u2197":`${p} \u2197`,g.style.display="block",E?g.style.minWidth="auto":g.style.minWidth="80px",requestAnimationFrame(()=>{g&&(g.style.top=`${d.top+window.scrollY-g.clientHeight-2}px`,g.style.left=`${d.right+4-g.clientWidth}px`)}),g.onclick=()=>window.open(u,"_blank","noopener,noreferrer")}n.current=c},[t]),a=(0,M.useCallback)(()=>{!e.current||!r.current||(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{e.current&&(e.current.style.display="none"),r.current&&(r.current.style.display="none"),n.current=null,t.log("hidden overlay and tooltip")},100))},[t]),l=(0,M.useCallback)(()=>{o.current&&clearTimeout(o.current),e.current&&v.removeFromBody(e.current),r.current&&v.removeFromBody(r.current),t.log("cleaned up overlay and tooltip")},[t]);return{overlayRef:e,tooltipRef:r,currentElementRef:n,hideTimeoutRef:o,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:yt}}var q=require("react");function rt(){let t=L("useStegaProximity"),e=(0,q.useRef)(new Set),r=et("[data-prepr-encoded]",500),o=(0,q.useCallback)((i,s)=>{let a=r(),l=new Set,c=0;a.forEach(d=>{let u=d.getBoundingClientRect(),p=Math.abs(i-u.left),m=Math.abs(i-u.right),g=Math.abs(s-u.top),B=Math.abs(s-u.bottom),E=Math.min(p,m,g,B),S=d;if(E<150){let O=i-u.left,_=s-u.top;S.style.setProperty("--cursor-x",`${O}px`),S.style.setProperty("--cursor-y",`${_}px`);let F=Math.max(150,Math.max(u.width,u.height)*1.1),te=Math.max(0,(400-E)/400),re=F*te;S.style.setProperty("--gradient-size",`${re}px`),S.classList.add("prepr-proximity-highlight"),l.add(S),c++}else S.classList.remove("prepr-proximity-highlight")}),e.current=l,c>0&&t.log("highlighted",c,"elements near cursor")},[t,r]),n=(0,q.useCallback)(()=>{let i=e.current,s=0;i.forEach(a=>{a.classList.remove("prepr-proximity-highlight"),s++}),e.current.clear(),s>0&&t.log("cleared highlights from",s,"elements")},[t]);return{updateElementGradients:o,clearAllHighlights:n,highlightedElementsRef:e}}var N=require("react");function ot(){let t=L("useStegaElements"),e=(0,N.useRef)(void 0),r=(0,N.useRef)(null),o=(0,N.useCallback)(()=>(e.current||(e.current=document.querySelectorAll("[data-prepr-encoded]")),e.current),[]),n=(0,N.useCallback)((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),t.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)},[t]),i=(0,N.useCallback)(l=>{t.log("starting document scan");let c=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,{acceptNode:p=>{var m,g;return(m=p.parentElement)!=null&&m.closest("script, style, noscript")||!((g=p.textContent)!=null&&g.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++)}}t.log("document scan complete, encoded",u,"elements"),e.current=document.querySelectorAll("[data-prepr-encoded]")},[t]),s=(0,N.useCallback)(l=>{r.current&&r.current.disconnect();let c=[],d=null,u=()=>{let p=new Set;c.forEach(m=>{m.addedNodes.forEach(g=>p.add(g))}),p.forEach(m=>n(m,l)),c=[],e.current=document.querySelectorAll("[data-prepr-encoded]")};r.current=new MutationObserver(p=>{c.push(...p),d&&clearTimeout(d),d=setTimeout(u,100)}),r.current.observe(document.body,{childList:!0,subtree:!0}),t.log("mutation observer set up")},[n,t]),a=(0,N.useCallback)(()=>{r.current&&(r.current.disconnect(),r.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")}),t.log("cleaned up",l.length,"encoded elements"),e.current=void 0},[t]);return{getElements:o,scanDocument:i,setupMutationObserver:s,cleanup:a}}function Pe(t){let e=L("useStegaScan"),r=(0,D.useRef)(!1),{currentElementRef:o,hideTimeoutRef:n,createOverlay:i,showOverlay:s,hideOverlay:a,cleanup:l,decode:c}=tt(),{updateElementGradients:d,clearAllHighlights:u}=rt(),{getElements:p,scanDocument:m,setupMutationObserver:g,cleanup:B}=ot(),E=(0,D.useMemo)(()=>Qe(_=>{let F=_,te=F.target;if(te.closest(".prepr-tooltip"))return;d(F.clientX,F.clientY);let re=te.closest("[data-prepr-encoded]");re?s(re):a()},16),[d,s,a]),S=(0,D.useCallback)(()=>{n.current&&(clearTimeout(n.current),n.current=null)},[n]),O=(0,D.useCallback)(()=>{o.current||a()},[o,a]);(0,D.useEffect)(()=>{if(e.log("editMode changed to",t),!t){e.log("editMode is false, cleaning up"),r.current&&(v.removeEventListener(document,"mousemove",E),l(),u(),B(),r.current=!1);return}if(r.current){e.log("already initialized, skipping setup");return}e.log("editMode is true, setting up scanning");let{tooltip:_}=i();e.log("created overlay and tooltip"),v.addEventListener(_,"mouseenter",S),v.addEventListener(_,"mouseleave",O),e.log("starting document scan"),m(c);let F=p();return e.log("found",F.length,"encoded elements after scan"),g(c),e.log("set up mutation observer"),v.addEventListener(document,"mousemove",E),e.log("added throttled mousemove handler"),r.current=!0,()=>{e.log("cleaning up"),v.removeEventListener(document,"mousemove",E),v.removeEventListener(_,"mouseenter",S),v.removeEventListener(_,"mouseleave",O),n.current&&clearTimeout(n.current),l(),u(),B(),r.current=!1}},[t])}var Z=f(require("react"),1),ut=require("next/navigation");var x=f(require("react"),1),ct=require("react-dom");var nt=require("clsx"),it=require("tailwind-merge");function y(...t){return(0,it.twMerge)((0,nt.clsx)(t))}var W=require("react");function st({isVisible:t,onClose:e}){let r=(0,W.useRef)(null),o=(0,W.useRef)(null);return(0,W.useEffect)(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[t]),(0,W.useEffect)(()=>{let n=s=>{s.key==="Escape"&&e()},i=s=>{s.target.closest('[role="listbox"], [role="option"]')||r.current&&!r.current.contains(s.target)&&o.current&&!o.current.contains(s.target)&&e()};return t&&(document.addEventListener("keydown",n),document.addEventListener("mousedown",i)),()=>{document.removeEventListener("keydown",n),document.removeEventListener("mousedown",i)}},[t,e]),{contentRef:r,triggerRef:o}}var h=f(require("react"),1);var R=f(require("react"),1);var Le=f(require("react"),1);function J(t){return Le.default.createElement("svg",b({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),Le.default.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"}))}var ae=require("next/navigation");function le(){var d,u;let{selectedSegment:t,selectedVariant:e,emptySegment:r,emptyVariant:o,isIframe:n,resetPersonalization:i}=I(),s=t&&t._id!==((d=r==null?void 0:r._id)!=null?d:"null")||e&&e!==(o!=null?o:"null"),a=(0,ae.useRouter)(),l=(0,ae.usePathname)(),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:R.default.createElement("div",{className:"p-z-[998] p-flex p-gap-2"},s&&R.default.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"},R.default.createElement("span",{className:"p-text-[10px] p-text-white/60"},"viewing as"),t&&t._id!==((u=r==null?void 0:r._id)!=null?u:"null")&&R.default.createElement("span",{className:"max-w-[120px] p-inline-block p-truncate"},t.name),e&&e!==(o!=null?o:"null")&&R.default.createElement("span",{className:"max-w-[80px] p-inline-block p-truncate p-rounded p-bg-white/20 p-px-2"},e),R.default.createElement(J,{className:"p-h-3 p-w-3 p-text-white"})))}var Y=f(require("react"),1);function pe(){let{editMode:t,setEditMode:e,isIframe:r}=I();return!t||r?null:Y.default.createElement("div",{className:"p-z-[999] p-flex"},Y.default.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"},Y.default.createElement("span",null,"Edit mode"),Y.default.createElement(J,{className:"transition-colors duration-150 p-h-4 p-w-4 p-text-gray-500 hover:p-text-gray-700"})))}var de=f(require("react"),1),ce=require("next/navigation");var Ne=f(require("react"),1);function De(){return Ne.default.createElement("svg",{width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ne.default.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 t=(0,ce.useRouter)(),{resetAll:e,selectedVariant:r,selectedSegment:o,setEditMode:n,editMode:i}=I(),s=(0,ce.usePathname)(),a=o._id!=="null"||r!=="null"||i,l=()=>{e(),n(!1);let d=new URLSearchParams;d.set("prepr_preview_segment","null"),d.set("prepr_preview_ab","null"),t.push(`${s}?${d.toString()}`,{scroll:!1}),t.refresh(),t.push(s,{scroll:!1}),t.refresh()},c=y("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 de.default.createElement("button",{onClick:l,className:c,disabled:!a},de.default.createElement(De,null),de.default.createElement("span",{className:"p-block sm:p-hidden lg:p-block"},"Reset"))}var Ve=f(require("react"),1);var St=t=>Ve.default.createElement("svg",b({width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t),Ve.default.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"})),Oe=St;var $=f(require("react"),1);var Tt=t=>$.default.createElement("svg",oe(b({width:"102",height:"28",viewBox:"0 0 102 28",fill:"none"},t),{xmlns:"http://www.w3.org/2000/svg"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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=Tt;var at=f(require("react"),1),lt=f(require("next/script"),1);function me({accessToken:t}){return t?at.default.createElement(lt.default,{id:"prepr-tracking-pixel",strategy:"afterInteractive",dangerouslySetInnerHTML:{__html:`
|
|
3
|
+
!function(e,t,p,r,n,a,s){
|
|
4
|
+
e[r]||((n=e[r]=function(){
|
|
5
|
+
n.process?n.process.apply(n,arguments):n.queue.push(arguments)
|
|
6
|
+
}).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))
|
|
7
|
+
}(window,document,"script","prepr");
|
|
8
|
+
prepr("init","${t}");
|
|
9
|
+
prepr("event","pageload");
|
|
10
|
+
`}}):(console.warn("PreprTrackingPixel: accessToken is required for tracking to work"),null)}var V=f(require("react"),1);var fe=require("next/navigation"),H=require("@headlessui/react");var Ae=f(require("react"),1);function ke(t){return Ae.default.createElement("svg",b({width:"9",height:"6",viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),Ae.default.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 ge(){let{segments:t,setSelectedSegment:e,selectedSegment:r}=U(),o=(0,fe.usePathname)(),n=(0,fe.useRouter)(),i=s=>{let a=new URLSearchParams(window.location.search),l=t.find(c=>c._id===s);l&&(e(l),a.set("prepr_preview_segment",s),n.push(`${o}?${a.toString()}`,{scroll:!1}),n.refresh())};return V.default.createElement(H.Listbox,{value:r._id,onChange:s=>i(s)},V.default.createElement(H.ListboxButton,{as:"button",disabled:!(t&&t.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"},V.default.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},t.length>0?r.name:"No segments"),V.default.createElement("div",{className:"p-text-gray-800"},V.default.createElement(ke,null))),V.default.createElement(H.ListboxOptions,{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"},t==null?void 0:t.map(s=>V.default.createElement(H.ListboxOption,{key:s._id,value:s._id,className:y("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===r._id?"p-bg-indigo-50 p-text-indigo-700":"p-bg-white p-text-gray-900 hover:p-bg-gray-100")},V.default.createElement("div",{style:{textWrap:"nowrap",textOverflow:"ellipsis",textAlign:"left"},className:"p-mr-auto p-w-full p-overflow-hidden"},s.name)))))}var pt=f(require("react"),1);var xe=require("next/navigation");var Ie=f(require("react"),1),he=require("@headlessui/react");function j({value:t,onChange:e,options:r}){return Ie.default.createElement(he.RadioGroup,{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:t,onChange:e},r.map(o=>Ie.default.createElement(he.Radio,{key:String(o.value),value:o.value,className:y(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===t&&"p-drop-shadow-3")},o.label)))}function ve(){let{selectedVariant:t,setSelectedVariant:e,emptyVariant:r}=X(),o=(0,xe.usePathname)(),n=(0,xe.useRouter)();return pt.default.createElement(j,{value:t||r,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]"}]})}var dt=f(require("react"),1);function Ee(){let{editMode:t,setEditMode:e}=P(),r=n=>{e(n==="true"||n===!0)};return dt.default.createElement(j,{options:[{value:"false",label:"Off"},{value:"true",label:"On"}],value:t.toString(),onChange:r})}function He({onClose:t,contentRef:e}){return h.default.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"},h.default.createElement("div",{className:"p-flex p-items-center p-justify-between p-gap-2"},h.default.createElement("div",{className:"p-flex p-items-start p-gap-3"},h.default.createElement(_e,null),h.default.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")),h.default.createElement("button",{onClick:t,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"},h.default.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.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"})))),h.default.createElement("div",{className:"p-space-y-2"},h.default.createElement("span",{className:"p-text-sm p-text-grey-400"},"Personalized content"),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Apply segment"),h.default.createElement(ge,null)),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Show A/B variant"),h.default.createElement(ve,null))),h.default.createElement("div",{className:"p-space-y-2"},h.default.createElement("span",{className:"p-text-sm p-text-grey-400"},"Collaboration"),h.default.createElement("div",{className:"p-gap p-flex p-flex-wrap p-items-center p-justify-between p-gap-x-6 p-gap-y-2"},h.default.createElement("h2",{className:"p-text-grey-800 p-font-semibold"},"Edit mode"),h.default.createElement(Ee,null))),h.default.createElement(ue,null))}var Be=f(require("react"),1);function Fe({onClick:t,className:e}){return Be.default.createElement("button",{onClick:t,className:y("cursor-pointer p-z-50 p-flex p-size-9 p-items-center p-justify-center p-rounded-full p-bg-primary-700",e)},Be.default.createElement(Oe,{className:"p-text-white"}))}function Q({children:t}){let[e,r]=(0,x.useState)(!1),[o,n]=x.default.useState(!1),{editMode:i}=P(),{contentRef:s,triggerRef:a}=st({isVisible:o,onClose:()=>n(!1)});(0,x.useEffect)(()=>{r(!0)},[]);let l=x.default.useRef(null),[c,d]=x.default.useState(""),u=x.default.useCallback(()=>{if(l.current&&a.current){let g=l.current.offsetHeight,B=window.innerHeight,E=a.current.getBoundingClientRect(),O=E.top+E.height/2-g/2;O=Math.max(32,Math.min(O,B-g-32)),d(O)}},[a]);(0,x.useEffect)(()=>{if(o)return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[o,u]);let p=()=>{n(!o)};(0,x.useEffect)(()=>{i&&setTimeout(()=>{n(!1)},150)},[i]);let m=x.default.createElement(x.default.Fragment,null,o&&x.default.createElement("div",{className:"preview-bar-backdrop"}),x.default.createElement("div",{className:y("preview-bar-container")},x.default.createElement("div",{className:"p-pr-2",ref:a},x.default.createElement(Fe,{onClick:p})),x.default.createElement("div",{ref:l,style:c!==""?{top:c,position:"fixed",right:0}:{},className:y("preview-bar-popup",o?"p-pointer-events-auto p-opacity-100":"p-pointer-events-none p-opacity-0")},t||x.default.createElement(He,{onClose:p,contentRef:s}))));return e?(0,ct.createPortal)(m,document.body):null}Q.Content=He;Q.Button=Fe;function Re(){let t=(0,ut.useSearchParams)(),[e,r]=(0,Z.useState)(!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(0,Z.useEffect)(()=>{let n=typeof window!="undefined"&&(window==null?void 0:window.parent)!==window.self;if(n){r(!0);let i={name:"prepr_preview_bar",event:"loaded"};window.parent.postMessage(i,"*"),window.addEventListener("keydown",o)}return()=>{n&&window.removeEventListener("keydown",o)}},[]),t.get("prepr_hide_bar")==="true"||e?null:Z.default.createElement(Q,null)}var be=f(require("react"),1);function $e(){return be.default.createElement("div",{className:"p-fixed p-bottom-6 p-right-6 p-z-[999] p-flex p-gap-3"},be.default.createElement(le,null),be.default.createElement(pe,null))}function ze(){let{editMode:t}=P();return Pe(t),ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(Re,null),ee.default.createElement($e,null))}0&&(module.exports={PreprToolbar,PreprToolbarProvider,PreprTrackingPixel,usePreprToolbar});
|
|
3
11
|
//# sourceMappingURL=index.cjs.map
|