@adhese/sdk-devtools 0.11.5 → 0.12.0

package/dist/cjs/components/editSlot.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const sdkShared = require("@adhese/sdk-shared");
+const validators = require("@adhese/sdk-shared/validators");
+const reactHookForm = require("react-hook-form");
+const zod = require("@hookform/resolvers/zod");
+const reactIcons = require("@radix-ui/react-icons");
+const AdheseContext = require("../AdheseContext.cjs");
+const modifiedSlots_store = require("../modifiedSlots.store.cjs");
+const sheet = require("./sheet.cjs");
+const form = require("./form.cjs");
+const input = require("./input.cjs");
+const button = require("./button.cjs");
+const slotSchema = validators.object({
+  format: validators.string().min(1),
+  slot: validators.string().optional()
+});
+function EditSlot({
+  id
+}) {
+  const slot = useSlot(id);
+  return /* @__PURE__ */ jsxRuntime.jsxs(sheet.Sheet, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      sheet.SheetTrigger,
+      {
+        "aria-label": "Edit slot",
+        className: button.buttonVariants({
+          variant: "ghost",
+          size: "sm"
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Pencil1Icon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetContent, { children: slot && /* @__PURE__ */ jsxRuntime.jsx(EditSlotForm, { slot }) })
+  ] });
+}
+function EditSlotForm({
+  slot
+}) {
+  const modifiedSlots = modifiedSlots_store.useModifiedSlots();
+  const modifiedSlot = react.useMemo(() => modifiedSlots.slots.get((slot == null ? void 0 : slot.name) ?? ""), [modifiedSlots, slot]);
+  const defaultValues = react.useMemo(() => sdkShared.pick(modifiedSlot ?? {
+    format: slot.format,
+    slot: slot.slot ?? ""
+  }, ["format", "slot"]), [slot, modifiedSlot]);
+  const form$1 = reactHookForm.useForm({
+    resolver: zod.zodResolver(slotSchema),
+    defaultValues
+  });
+  const onSubmit = (data) => {
+    modifiedSlots.set(slot.name, sdkShared.pick({
+      ...slot,
+      ...data
+    }, ["format", "slot"]));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetHeader, { className: "mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { children: "Edit slot" }),
+      /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetDescription, { children: slot.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.Form, { ...form$1, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form$1.handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        form.FormField,
+        {
+          control: form$1.control,
+          name: "format",
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(SlotFormItem, { label: "Format", children: /* @__PURE__ */ jsxRuntime.jsx(input.Input, { ...field }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        form.FormField,
+        {
+          control: form$1.control,
+          name: "slot",
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(SlotFormItem, { label: "Slot", children: /* @__PURE__ */ jsxRuntime.jsx(input.Input, { ...field }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { className: "w-full mt-10", children: "Edit" })
+    ] }) })
+  ] });
+}
+function SlotFormItem({
+  label,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { className: "mb-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormLabel, { children: label }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(form.FormDescription, { children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+function useSlot(id) {
+  const adheseContext = AdheseContext.useAdheseContext();
+  const [slot, setSlot] = react.useState(adheseContext == null ? void 0 : adheseContext.slots.get(id));
+  react.useEffect(() => {
+    if (!adheseContext) {
+      return;
+    }
+    return sdkShared.watch(() => adheseContext.slots, (slots) => {
+      setSlot(slots.get(id));
+    }, { immediate: true, deep: true });
+  }, [adheseContext, id]);
+  return slot;
+}
+exports.EditSlot = EditSlot;
+//# sourceMappingURL=editSlot.cjs.map

package/dist/cjs/components/editSlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editSlot.cjs","sources":["../../../src/components/editSlot.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { pick, watch } from '@adhese/sdk-shared';\nimport type { AdheseSlot } from '@adhese/sdk';\nimport { type TypeOf, object, string } from '@adhese/sdk-shared/validators';\nimport { type SubmitHandler, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Pencil1Icon } from '@radix-ui/react-icons';\nimport { useAdheseContext } from '../AdheseContext';\nimport { useModifiedSlots } from '../modifiedSlots.store';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './sheet';\nimport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './form';\nimport { Input } from './input';\nimport { Button, buttonVariants } from './button';\n\nconst slotSchema = object({\n  format: string().min(1),\n  slot: string().optional(),\n});\n\ntype SlotSchema = TypeOf<typeof slotSchema>;\n\n// eslint-disable-next-line ts/naming-convention\nexport function EditSlot({\n  id,\n}: {\n  id: string;\n}): ReactElement {\n  const slot = useSlot(id);\n\n  return (\n    <Sheet>\n      <SheetTrigger\n        aria-label=\"Edit slot\"\n        className={buttonVariants({\n          variant: 'ghost',\n          size: 'sm',\n        })}\n      >\n        <Pencil1Icon />\n      </SheetTrigger>\n      <SheetContent>\n        {slot && <EditSlotForm slot={slot} />}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction EditSlotForm({\n  slot,\n}: {\n  slot: AdheseSlot;\n}): ReactElement {\n  const modifiedSlots = useModifiedSlots();\n  const modifiedSlot = useMemo(() => modifiedSlots.slots.get(slot?.name ?? ''), [modifiedSlots, slot]);\n\n  const defaultValues = useMemo(() => pick(modifiedSlot ?? {\n    format: slot.format,\n    slot: slot.slot ?? '',\n  }, ['format', 'slot']), [slot, modifiedSlot]);\n\n  const form = useForm<SlotSchema>({\n    resolver: zodResolver(slotSchema),\n    defaultValues,\n  });\n\n  const onSubmit: SubmitHandler<SlotSchema> = (data) => {\n    modifiedSlots.set(slot.name, pick({\n      ...slot,\n      ...data,\n    }, ['format', 'slot']));\n  };\n\n  return (\n    <>\n      <SheetHeader className=\"mb-8\">\n        <SheetTitle>\n          Edit slot\n        </SheetTitle>\n        <SheetDescription>\n          {slot.name}\n        </SheetDescription>\n      </SheetHeader>\n\n      <Form {...form}>\n        {/* eslint-disable-next-line ts/no-misused-promises */}\n        <form onSubmit={form.handleSubmit(onSubmit)}>\n          <FormField\n            control={form.control}\n            name=\"format\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Format\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"slot\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Slot\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n\n          <Button className=\"w-full mt-10\">\n            Edit\n          </Button>\n        </form>\n      </Form>\n    </>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction SlotFormItem({\n  label,\n  description,\n  children,\n}: PropsWithChildren<{\n  label: string;\n  description?: string;\n}>): ReactElement {\n  return (\n    <FormItem className=\"mb-3\">\n      <FormLabel>{label}</FormLabel>\n      {description && <FormDescription>{description}</FormDescription>}\n      <FormControl>\n        {children}\n      </FormControl>\n      <FormMessage />\n    </FormItem>\n  );\n}\n\nfunction useSlot(id: string): AdheseSlot | undefined {\n  const adheseContext = useAdheseContext();\n  const [slot, setSlot] = useState(adheseContext?.slots.get(id));\n\n  useEffect(() => {\n    if (!adheseContext) {\n      return;\n    }\n\n    return watch(() => adheseContext.slots, (slots) => {\n      setSlot(slots.get(id));\n    }, { immediate: true, deep: true });\n  }, [adheseContext, id]);\n  return slot;\n}\n"],"names":["object","string","Sheet","jsx","SheetTrigger","buttonVariants","Pencil1Icon","SheetContent","useModifiedSlots","useMemo","pick","form","useForm","zodResolver","jsxs","Fragment","SheetHeader","SheetTitle","SheetDescription","Form","FormField","Input","Button","FormItem","FormLabel","FormDescription","FormControl","FormMessage","useAdheseContext","useState","useEffect","watch"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,aAAaA,WAAAA,OAAO;AAAA,EACxB,QAAQC,WAAA,OAAA,EAAS,IAAI,CAAC;AAAA,EACtB,MAAMA,WAAAA,OAAO,EAAE,SAAS;AAC1B,CAAC;AAKM,SAAS,SAAS;AAAA,EACvB;AACF,GAEiB;AACT,QAAA,OAAO,QAAQ,EAAE;AAEvB,yCACGC,aACC,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWC,OAAAA,eAAe;AAAA,UACxB,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAAA,QAED,yCAACC,WAAY,aAAA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,mCACCC,MAAAA,cACE,EAAA,UAAA,QAASJ,2BAAA,IAAA,cAAA,EAAa,KAAY,CAAA,GACrC;AAAA,EACF,EAAA,CAAA;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AACF,GAEiB;AACf,QAAM,gBAAgBK,oBAAAA;AACtB,QAAM,eAAeC,MAAA,QAAQ,MAAM,cAAc,MAAM,KAAI,6BAAM,SAAQ,EAAE,GAAG,CAAC,eAAe,IAAI,CAAC;AAEnG,QAAM,gBAAgBA,MAAAA,QAAQ,MAAMC,UAAAA,KAAK,gBAAgB;AAAA,IACvD,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK,QAAQ;AAAA,EAAA,GAClB,CAAC,UAAU,MAAM,CAAC,GAAG,CAAC,MAAM,YAAY,CAAC;AAE5C,QAAMC,SAAOC,cAAAA,QAAoB;AAAA,IAC/B,UAAUC,gBAAY,UAAU;AAAA,IAChC;AAAA,EAAA,CACD;AAEK,QAAA,WAAsC,CAAC,SAAS;AACtC,kBAAA,IAAI,KAAK,MAAMH,UAAAA,KAAK;AAAA,MAChC,GAAG;AAAA,MACH,GAAG;AAAA,IACF,GAAA,CAAC,UAAU,MAAM,CAAC,CAAC;AAAA,EAAA;AAGxB,SAEII,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACD,2BAAAA,KAAAE,MAAAA,aAAA,EAAY,WAAU,QACrB,UAAA;AAAA,MAAAb,2BAAAA,IAACc,oBAAW,UAEZ,YAAA,CAAA;AAAA,MACAd,2BAAAA,IAACe,MAAAA,kBACE,EAAA,UAAA,KAAK,KACR,CAAA;AAAA,IAAA,GACF;AAAA,IAEAf,2BAAAA,IAACgB,KAAAA,MAAM,EAAA,GAAGR,QAER,UAAAG,2BAAA,KAAC,UAAK,UAAUH,OAAK,aAAa,QAAQ,GACxC,UAAA;AAAA,MAAAR,2BAAA;AAAA,QAACiB,KAAA;AAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MAAA,MACTR,2BAAAA,IAAC,cAAa,EAAA,OAAM,UAClB,UAAAA,2BAAA,IAACkB,MAAO,OAAA,EAAA,GAAG,OAAO,EACpB,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MACAlB,2BAAA;AAAA,QAACiB,KAAA;AAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MAAA,MACTR,2BAAAA,IAAC,cAAa,EAAA,OAAM,QAClB,UAAAA,2BAAA,IAACkB,MAAO,OAAA,EAAA,GAAG,OAAO,EACpB,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAEClB,2BAAA,IAAAmB,OAAA,QAAA,EAAO,WAAU,gBAAe,UAEjC,QAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAGkB;AAEd,SAAAR,2BAAA,KAACS,KAAS,UAAA,EAAA,WAAU,QAClB,UAAA;AAAA,IAAApB,2BAAAA,IAACqB,kBAAW,UAAM,MAAA,CAAA;AAAA,IACjB,eAAgBrB,2BAAAA,IAAAsB,KAAAA,iBAAA,EAAiB,UAAY,YAAA,CAAA;AAAA,IAC9CtB,+BAACuB,KAAAA,eACE,UACH;AAAA,mCACCC,KAAY,aAAA,EAAA;AAAA,EACf,EAAA,CAAA;AAEJ;AAEA,SAAS,QAAQ,IAAoC;AACnD,QAAM,gBAAgBC,cAAAA;AAChB,QAAA,CAAC,MAAM,OAAO,IAAIC,eAAS,+CAAe,MAAM,IAAI,GAAG;AAE7DC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB;AAAA,IACF;AAEA,WAAOC,UAAM,MAAA,MAAM,cAAc,OAAO,CAAC,UAAU;AACzC,cAAA,MAAM,IAAI,EAAE,CAAC;AAAA,OACpB,EAAE,WAAW,MAAM,MAAM,KAAM,CAAA;AAAA,EAAA,GACjC,CAAC,eAAe,EAAE,CAAC;AACf,SAAA;AACT;;"}

package/dist/cjs/components/form.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const reactHookForm = require("react-hook-form");
+const react = require("react");
+const utils = require("../utils.cjs");
+const label = require("./label.cjs");
+const Form = reactHookForm.FormProvider;
+const FormFieldContext = react.createContext(
+  {}
+);
+function FormField({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+}
+const FormItemContext = react.createContext(
+  {}
+);
+function useFormField() {
+  const fieldContext = react.useContext(FormFieldContext);
+  const itemContext = react.useContext(FormItemContext);
+  const { getFieldState, formState } = reactHookForm.useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}
+const FormItem = react.forwardRef(({ className, ...props }, ref) => {
+  const id = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+const FormLabel = react.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    label.Label,
+    {
+      ref,
+      className: utils.cn(error && "text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = react.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : `${formDescriptionId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+const FormDescription = react.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: utils.cn("text-[0.8rem] text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = react.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error == null ? void 0 : error.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: utils.cn("text-[0.8rem] font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.useFormField = useFormField;
+//# sourceMappingURL=form.cjs.map

package/dist/cjs/components/form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.cjs","sources":["../../../src/components/form.tsx"],"sourcesContent":["// eslint-disable-next-line ts/naming-convention\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n} from 'react-hook-form';\n\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n} from 'react';\nimport { cn } from '../utils';\nimport { Label } from './label';\n\n// eslint-disable-next-line ts/naming-convention\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  T extends FieldValues = FieldValues,\n  U extends FieldPath<T> = FieldPath<T>,\n> = {\n  name: U;\n};\n\n// eslint-disable-next-line ts/naming-convention\nconst FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\n// eslint-disable-next-line ts/naming-convention,ts/explicit-function-return-type,ts/explicit-module-boundary-types\nfunction FormField<\n  T extends FieldValues = FieldValues,\n  U extends FieldPath<T> = FieldPath<T>,\n>({\n  ...props\n}: ControllerProps<T, U>) {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n}\n\ntype FormItemContextValue = {\n  id: string;\n};\n\n// eslint-disable-next-line ts/naming-convention\nconst FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\n// eslint-disable-next-line ts/explicit-function-return-type,ts/explicit-module-boundary-types\nfunction useFormField() {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n}\n\n// eslint-disable-next-line ts/naming-convention\nconst FormItem = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const id = useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n});\nFormItem.displayName = 'FormItem';\n\n// eslint-disable-next-line ts/naming-convention\nconst FormLabel = forwardRef<\n  ElementRef<typeof LabelPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && 'text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = 'FormLabel';\n\n// eslint-disable-next-line ts/naming-convention\nconst FormControl = forwardRef<\n  ElementRef<typeof Slot>,\n  ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        error ? `${formDescriptionId} ${formMessageId}` : `${formDescriptionId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\n// eslint-disable-next-line ts/naming-convention\nconst FormDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-[0.8rem] text-muted-foreground', className)}\n      {...props}\n    />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\n// eslint-disable-next-line ts/naming-convention\nconst FormMessage = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message) : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-[0.8rem] font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n"],"names":["FormProvider","createContext","jsx","Controller","useContext","useFormContext","forwardRef","useId","cn","Label","Slot"],"mappings":"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"}

package/dist/cjs/components/fronttailSettings.cjs

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const sdkShared = require("@adhese/sdk-shared");
+const utils = require("../utils.cjs");
+const AdheseContext = require("../AdheseContext.cjs");
+const _switch = require("./switch.cjs");
+const label = require("./label.cjs");
+const input = require("./input.cjs");
+const button = require("./button.cjs");
+const cookieKey = "debugKey";
+function setDebugCookie(value) {
+  sdkShared.setCookie({
+    key: cookieKey,
+    value,
+    expires: new Date(Date.now() + 24 * 60 * 60 * 1e3)
+  });
+}
+function simpleStringify(value) {
+  if (typeof value === "object")
+    return Object.values(value).map((nestedValue) => `${simpleStringify(nestedValue)}`).join("");
+  if (typeof value === "boolean")
+    return value ? "1" : "0";
+  return String(value);
+}
+function FronttailSettings({
+  className,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}) {
+  const adheseContext = AdheseContext.useAdheseContext();
+  const autoGeneratedKey = react.useMemo(() => `adhese-${adheseContext.options.account}-${btoa(simpleStringify(adheseContext.options)).slice(0, 20)}`, [adheseContext.options]);
+  const [fronttailDebugKey, setFronttailDebugKey] = react.useState(sdkShared.getCookie(cookieKey) ?? autoGeneratedKey);
+  const [isFronttailEnabled, setIsFronttailEnabled] = react.useState(sdkShared.hasCookie(cookieKey));
+  const onFronttailDebugKeyChange = react.useCallback((event) => {
+    const { value } = event.target;
+    setFronttailDebugKey(value);
+    if (isFronttailEnabled && value.length > 4)
+      setDebugCookie(value);
+  }, [setDebugCookie, isFronttailEnabled]);
+  const onFrontailEnabledChange = react.useCallback(() => {
+    setIsFronttailEnabled((value) => {
+      if (value)
+        sdkShared.deleteCookie(cookieKey);
+      else
+        setDebugCookie(fronttailDebugKey);
+      return !value;
+    });
+  }, [setDebugCookie, fronttailDebugKey]);
+  const id = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: utils.cn("flex flex-col gap-6", className), "aria-labelledby": ariaLabelledBy ?? `fronttailHeading${id}`, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", id: `fronttailHeading${id}`, children: "Fronttail settings" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(_switch.Switch, { checked: isFronttailEnabled, onCheckedChange: onFrontailEnabledChange, id: `fronttailSwitch${id}` }),
+      /* @__PURE__ */ jsxRuntime.jsxs(label.Label, { htmlFor: `fronttailSwitch${id}`, children: [
+        "Enable Fronttail debugging",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 font-normal", children: " – Cookie will expire automatically in 1 day" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: `fronttailDebugKey${id}`, children: "Debug key" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            id: `fronttailDebugKey${id}`,
+            value: fronttailDebugKey,
+            onChange: onFronttailDebugKeyChange,
+            className: utils.cn("max-w-60", {
+              // eslint-disable-next-line ts/naming-convention
+              "border-destructive": fronttailDebugKey.length < 4
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "outline",
+            onClick: () => {
+              setFronttailDebugKey(autoGeneratedKey);
+              if (isFronttailEnabled)
+                setDebugCookie(autoGeneratedKey);
+            },
+            children: "Auto generate key"
+          }
+        )
+      ] }),
+      fronttailDebugKey.length < 4 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-destructive", children: "Debug key must contain at least 4 characters" })
+    ] })
+  ] });
+}
+exports.FronttailSettings = FronttailSettings;
+//# sourceMappingURL=fronttailSettings.cjs.map

package/dist/cjs/components/fronttailSettings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fronttailSettings.cjs","sources":["../../../src/components/fronttailSettings.tsx"],"sourcesContent":["import { type ChangeEventHandler, type HTMLAttributes, type ReactElement, useCallback, useId, useMemo, useState } from 'react';\nimport { deleteCookie, getCookie, hasCookie, setCookie } from '@adhese/sdk-shared';\nimport { cn } from '../utils';\nimport { useAdheseContext } from '../AdheseContext';\nimport { Switch } from './switch';\nimport { Label } from './label';\nimport { Input } from './input';\nimport { Button } from './button';\n\nconst cookieKey = 'debugKey';\n\nfunction setDebugCookie(value: string): void {\n  setCookie({\n    key: cookieKey,\n    value,\n    expires: new Date(Date.now() + 24 * 60 * 60 * 1000),\n  });\n}\n\nfunction simpleStringify(value: unknown): string {\n  if (typeof value === 'object')\n    return Object.values(value as object).map(nestedValue => `${simpleStringify(nestedValue)}`).join('');\n\n  if (typeof value === 'boolean')\n    return value ? '1' : '0';\n\n  return String(value);\n}\n\n// eslint-disable-next-line ts/naming-convention\nexport function FronttailSettings({\n  className,\n  'aria-labelledby': ariaLabelledBy,\n  ...props\n}: HTMLAttributes<HTMLDivElement>): ReactElement {\n  const adheseContext = useAdheseContext()!;\n\n  const autoGeneratedKey = useMemo(() => `adhese-${adheseContext.options.account}-${btoa(simpleStringify(adheseContext.options)).slice(0, 20)}`, [adheseContext.options]);\n\n  const [fronttailDebugKey, setFronttailDebugKey] = useState(getCookie(cookieKey) ?? autoGeneratedKey);\n  const [isFronttailEnabled, setIsFronttailEnabled] = useState(hasCookie(cookieKey));\n\n  const onFronttailDebugKeyChange = useCallback((event) => {\n    const { value } = event.target;\n\n    setFronttailDebugKey(value);\n\n    if (isFronttailEnabled && value.length > 4)\n      setDebugCookie(value);\n  }, [setDebugCookie, isFronttailEnabled]) satisfies ChangeEventHandler<HTMLInputElement>;\n\n  const onFrontailEnabledChange = useCallback(() => {\n    setIsFronttailEnabled((value) => {\n      if (value)\n        deleteCookie(cookieKey);\n\n      else\n        setDebugCookie(fronttailDebugKey);\n\n      return !value;\n    });\n  }, [setDebugCookie, fronttailDebugKey]);\n\n  const id = useId();\n  return (\n    <section className={cn('flex flex-col gap-6', className)} aria-labelledby={ariaLabelledBy ?? `fronttailHeading${id}`} {...props}>\n      <h2 className=\"text-lg font-semibold\" id={`fronttailHeading${id}`}>Fronttail settings</h2>\n\n      <div className=\"flex items-center gap-4\">\n        <Switch checked={isFronttailEnabled} onCheckedChange={onFrontailEnabledChange} id={`fronttailSwitch${id}`} />\n        <Label htmlFor={`fronttailSwitch${id}`}>\n          Enable Fronttail debugging\n          <span className=\"text-gray-400 font-normal\"> – Cookie will expire automatically in 1 day</span>\n        </Label>\n      </div>\n\n      <div className=\"flex flex-col gap-2\">\n        <Label htmlFor={`fronttailDebugKey${id}`}>\n          Debug key\n        </Label>\n        <div className=\"flex items-center gap-4\">\n          <Input\n            id={`fronttailDebugKey${id}`}\n            value={fronttailDebugKey}\n            onChange={onFronttailDebugKeyChange}\n            className={\n              cn('max-w-60', {\n                // eslint-disable-next-line ts/naming-convention\n                'border-destructive': fronttailDebugKey.length < 4,\n              })\n            }\n          />\n\n          <Button\n            variant=\"outline\"\n            onClick={() => {\n              setFronttailDebugKey(autoGeneratedKey);\n\n              if (isFronttailEnabled)\n                setDebugCookie(autoGeneratedKey);\n            }}\n          >\n            Auto generate key\n          </Button>\n        </div>\n        {\n          fronttailDebugKey.length < 4\n          && <span className=\"text-sm text-destructive\">Debug key must contain at least 4 characters</span>\n        }\n      </div>\n    </section>\n  );\n}\n"],"names":["setCookie","useAdheseContext","useMemo","useState","getCookie","hasCookie","useCallback","deleteCookie","useId","jsxs","cn","jsx","Switch","Label","Input","Button"],"mappings":"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"}

package/dist/cjs/components/input.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../utils.cjs");
+const Input = react.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      className: utils.cn(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+exports.Input = Input;
+//# sourceMappingURL=input.cjs.map

package/dist/cjs/components/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.cjs","sources":["../../../src/components/input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '../utils';\n\nexport interface InputProps\n  extends InputHTMLAttributes<HTMLInputElement> {}\n\n// eslint-disable-next-line ts/naming-convention\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => (\n    <input\n      type={type}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  ),\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;AAOA,MAAM,QAAQA,MAAA;AAAA,EACZ,CAAC,EAAE,WAAW,MAAM,GAAG,SAAS,QAC9BC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWC,MAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AACA,MAAM,cAAc;;"}

package/dist/cjs/components/label.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const LabelPrimitive = require("@radix-ui/react-label");
+const classVarianceAuthority = require("class-variance-authority");
+const react = require("react");
+const utils = require("../utils.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
+const labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+const Label = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: utils.cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+exports.Label = Label;
+//# sourceMappingURL=label.cjs.map

package/dist/cjs/components/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","sources":["../../../src/components/label.tsx"],"sourcesContent":["// eslint-disable-next-line ts/naming-convention\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\nimport { cn } from '../utils';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\n// eslint-disable-next-line ts/naming-convention\nconst Label = forwardRef<\n  ElementRef<typeof LabelPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"names":["cva","forwardRef","jsx","LabelPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AACF;AAGM,MAAA,QAAQC,iBAIZ,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA;AAAA,EAACC,0BAAe;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAWC,MAAA,GAAG,cAAc,GAAG,SAAS;AAAA,IACvC,GAAG;AAAA,EAAA;AACN,CACD;AACD,MAAM,cAAcD,0BAAe,KAAK;;"}

package/dist/cjs/components/logTable.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const AdheseContext = require("../AdheseContext.cjs");
+const table = require("./table.cjs");
+const badge = require("./badge.cjs");
+const dateFormatter = new Intl.DateTimeFormat("en-US", {
+  hour: "numeric",
+  minute: "numeric",
+  second: "numeric",
+  fractionalSecondDigits: 3,
+  hour12: false
+});
+const logTableRowClasses = {
+  error: "bg-red-100 text-red-900",
+  warn: "bg-amber-100 text-amber-900"
+};
+const logBadgeClasses = {
+  error: "bg-red-500 text-white",
+  warn: "bg-amber-500 text-white",
+  info: "bg-blue-500 text-white"
+};
+function LogTable() {
+  const [logs, setLogs] = react.useState([]);
+  const adheseContext = AdheseContext.useAdheseContext();
+  react.useEffect(() => {
+    var _a;
+    function onLogsChange() {
+      var _a2;
+      setLogs(
+        ((_a2 = adheseContext == null ? void 0 : adheseContext.logger) == null ? void 0 : _a2.getLogs().toSorted(
+          (a, b) => b.timestamp - a.timestamp
+        )) ?? []
+      );
+    }
+    (_a = adheseContext == null ? void 0 : adheseContext.logger) == null ? void 0 : _a.events.log.addListener(onLogsChange);
+    onLogsChange();
+    return () => {
+      var _a2;
+      (_a2 = adheseContext == null ? void 0 : adheseContext.logger) == null ? void 0 : _a2.events.log.removeListener(onLogsChange);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Time" }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Scope" }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Level" }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Message" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { className: logTableRowClasses[log.level] ?? "", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: dateFormatter.format(new Date(log.timestamp)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: log.scope }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        badge.Badge,
+        {
+          variant: "secondary",
+          className: logBadgeClasses[log.level] ?? "",
+          children: log.level
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: log.message })
+    ] }, log.id)) })
+  ] });
+}
+exports.LogTable = LogTable;
+//# sourceMappingURL=logTable.cjs.map

package/dist/cjs/components/logTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logTable.cjs","sources":["../../../src/components/logTable.tsx"],"sourcesContent":["import { type ReactElement, useEffect, useState } from 'react';\nimport type { Log } from '@adhese/sdk-shared';\nimport { useAdheseContext } from '../AdheseContext';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './table';\nimport { Badge } from './badge';\n\nconst dateFormatter = new Intl.DateTimeFormat('en-US', {\n  hour: 'numeric',\n  minute: 'numeric',\n  second: 'numeric',\n  fractionalSecondDigits: 3,\n  hour12: false,\n});\n\nconst logTableRowClasses: Record<string, string> = {\n  error: 'bg-red-100 text-red-900',\n  warn: 'bg-amber-100 text-amber-900',\n};\n\nconst logBadgeClasses: Record<string, string> = {\n  error: 'bg-red-500 text-white',\n  warn: 'bg-amber-500 text-white',\n  info: 'bg-blue-500 text-white',\n};\n\n// eslint-disable-next-line ts/naming-convention\nexport function LogTable(): ReactElement {\n  const [logs, setLogs] = useState<ReadonlyArray<Log<string>>>([]);\n\n  const adheseContext = useAdheseContext();\n\n  useEffect(() => {\n    function onLogsChange(): void {\n      setLogs(\n        adheseContext?.logger?.getLogs().toSorted(\n          (a, b) => b.timestamp - a.timestamp,\n        ) ?? [],\n      );\n    }\n\n    adheseContext?.logger?.events.log.addListener(onLogsChange);\n\n    onLogsChange();\n\n    return (): void => {\n      adheseContext?.logger?.events.log.removeListener(onLogsChange);\n    };\n  }, []);\n\n  return (\n    <Table>\n      <TableHeader>\n        <TableRow>\n          <TableHead>Time</TableHead>\n          <TableHead>Scope</TableHead>\n          <TableHead>Level</TableHead>\n          <TableHead>Message</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {logs.map(log => (\n          <TableRow key={log.id} className={logTableRowClasses[log.level] ?? ''}>\n            <TableCell>{dateFormatter.format(new Date(log.timestamp))}</TableCell>\n            <TableCell>{log.scope}</TableCell>\n            <TableCell>\n              <Badge\n                variant=\"secondary\"\n                className={logBadgeClasses[log.level] ?? ''}\n              >\n                {log.level}\n              </Badge>\n            </TableCell>\n            <TableCell>{log.message}</TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n"],"names":["useState","useAdheseContext","useEffect","_a","Table","jsx","TableHeader","TableRow","TableHead","TableBody","jsxs","TableCell","Badge"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,IAAI,KAAK,eAAe,SAAS;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,wBAAwB;AAAA,EACxB,QAAQ;AACV,CAAC;AAED,MAAM,qBAA6C;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AACR;AAEA,MAAM,kBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAGO,SAAS,WAAyB;AACvC,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAA,SAAqC,CAAE,CAAA;AAE/D,QAAM,gBAAgBC,cAAAA;AAEtBC,QAAAA,UAAU,MAAM;;AACd,aAAS,eAAqB;;AAC5B;AAAA,UACEC,MAAA,+CAAe,WAAf,gBAAAA,IAAuB,UAAU;AAAA,UAC/B,CAAC,GAAG,MAAM,EAAE,YAAY,EAAE;AAAA,cACvB,CAAC;AAAA,MAAA;AAAA,IAEV;AAEA,yDAAe,WAAf,mBAAuB,OAAO,IAAI,YAAY;AAEjC;AAEb,WAAO,MAAY;;AACjB,OAAAA,MAAA,+CAAe,WAAf,gBAAAA,IAAuB,OAAO,IAAI,eAAe;AAAA,IAAY;AAAA,EAEjE,GAAG,CAAE,CAAA;AAEL,yCACGC,aACC,EAAA,UAAA;AAAA,IAACC,2BAAA,IAAAC,MAAA,aAAA,EACC,0CAACC,MAAAA,UACC,EAAA,UAAA;AAAA,MAAAF,2BAAAA,IAACG,mBAAU,UAAI,OAAA,CAAA;AAAA,MACfH,2BAAAA,IAACG,mBAAU,UAAK,QAAA,CAAA;AAAA,MAChBH,2BAAAA,IAACG,mBAAU,UAAK,QAAA,CAAA;AAAA,MAChBH,2BAAAA,IAACG,mBAAU,UAAO,UAAA,CAAA;AAAA,IAAA,EAAA,CACpB,EACF,CAAA;AAAA,IACCH,2BAAA,IAAAI,MAAA,WAAA,EACE,UAAK,KAAA,IAAI,CACR,QAAAC,2BAAAA,KAACH,MAAAA,UAAsB,EAAA,WAAW,mBAAmB,IAAI,KAAK,KAAK,IACjE,UAAA;AAAA,MAACF,2BAAAA,IAAAM,MAAA,WAAA,EAAW,wBAAc,OAAO,IAAI,KAAK,IAAI,SAAS,CAAC,GAAE;AAAA,MAC1DN,2BAAAA,IAACM,MAAAA,WAAW,EAAA,UAAA,IAAI,MAAM,CAAA;AAAA,qCACrBA,MAAAA,WACC,EAAA,UAAAN,2BAAA;AAAA,QAACO,MAAA;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAW,gBAAgB,IAAI,KAAK,KAAK;AAAA,UAExC,UAAI,IAAA;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MACAP,2BAAAA,IAACM,MAAAA,WAAW,EAAA,UAAA,IAAI,QAAQ,CAAA;AAAA,IAXX,EAAA,GAAA,IAAI,EAYnB,CACD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/parametersTable.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const sdkShared = require("@adhese/sdk-shared");
+const AdheseContext = require("../AdheseContext.cjs");
+const table = require("./table.cjs");
+const badge = require("./badge.cjs");
+function ParametersTable() {
+  const [parameters, setParameters] = react.useState([]);
+  const adheseContext = AdheseContext.useAdheseContext();
+  react.useEffect(() => {
+    if (!adheseContext)
+      return;
+    const disposeWatcher = sdkShared.watch(() => adheseContext.parameters, (newParameters) => {
+      setParameters(Array.from(newParameters.entries()).map(([name, value]) => ({
+        name,
+        value
+      })).filter(({ value }) => value).toSorted((a, b) => a.name.localeCompare(b.name)));
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return () => {
+      disposeWatcher();
+    };
+  }, [adheseContext == null ? void 0 : adheseContext.parameters]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Parameter" }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: "Value" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: parameters.map((parameter) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", children: parameter.name }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: Array.isArray(parameter.value) ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-1", children: parameter.value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", children: item }) }, index)) }) : /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "outline", children: parameter.value }) })
+    ] }, parameter.name)) })
+  ] });
+}
+exports.ParametersTable = ParametersTable;
+//# sourceMappingURL=parametersTable.cjs.map

package/dist/cjs/components/parametersTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametersTable.cjs","sources":["../../../src/components/parametersTable.tsx"],"sourcesContent":["import { type ReactElement, useEffect, useState } from 'react';\nimport { watch } from '@adhese/sdk-shared';\nimport { useAdheseContext } from '../AdheseContext';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './table';\nimport { Badge } from './badge';\n\n// eslint-disable-next-line ts/naming-convention\nexport function ParametersTable(): ReactElement {\n  const [parameters, setParameters] = useState<ReadonlyArray<{\n    name: string;\n    value: string | ReadonlyArray<string>;\n  }>>([]);\n\n  const adheseContext = useAdheseContext();\n\n  useEffect(() => {\n    if (!adheseContext)\n      return;\n\n    const disposeWatcher = watch(() => adheseContext.parameters, (newParameters) => {\n      setParameters(Array.from(newParameters.entries())\n        .map(([name, value]) => ({\n          name,\n          value,\n        }))\n        .filter(({ value }) => value)\n        .toSorted((a, b) => a.name.localeCompare(b.name)));\n    }, {\n      immediate: true,\n      deep: true,\n    });\n\n    return (): void => {\n      disposeWatcher();\n    };\n  }, [adheseContext?.parameters]);\n\n  return (\n    <Table>\n      <TableHeader>\n        <TableRow>\n          <TableHead>Parameter</TableHead>\n          <TableHead>Value</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {parameters.map(parameter => (\n          <TableRow key={parameter.name}>\n            <TableCell>\n              <Badge variant=\"outline\">{parameter.name}</Badge>\n            </TableCell>\n            <TableCell>\n              {\n                Array.isArray(parameter.value)\n                  ? (\n                    <ul className=\"flex gap-1\">\n                      {parameter.value.map((item, index) => (\n                        <li key={index}>\n                          <Badge variant=\"outline\">{item}</Badge>\n                        </li>\n                      ))}\n                    </ul>\n                    )\n                  : <Badge variant=\"outline\">{parameter.value}</Badge>\n              }\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n"],"names":["useState","useAdheseContext","useEffect","watch","Table","jsx","TableHeader","TableRow","TableHead","TableBody","TableCell","Badge"],"mappings":";;;;;;;;AAOO,SAAS,kBAAgC;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAA,SAGhC,CAAE,CAAA;AAEN,QAAM,gBAAgBC,cAAAA;AAEtBC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC;AACH;AAEF,UAAM,iBAAiBC,UAAAA,MAAM,MAAM,cAAc,YAAY,CAAC,kBAAkB;AAChE,oBAAA,MAAM,KAAK,cAAc,QAAQ,CAAC,EAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO;AAAA,QACvB;AAAA,QACA;AAAA,MAAA,EACA,EACD,OAAO,CAAC,EAAE,MAAA,MAAY,KAAK,EAC3B,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC,CAAC;AAAA,IAAA,GAClD;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AAED,WAAO,MAAY;AACF;IAAA;AAAA,EACjB,GACC,CAAC,+CAAe,UAAU,CAAC;AAE9B,yCACGC,aACC,EAAA,UAAA;AAAA,IAACC,2BAAA,IAAAC,MAAA,aAAA,EACC,0CAACC,MAAAA,UACC,EAAA,UAAA;AAAA,MAAAF,2BAAAA,IAACG,mBAAU,UAAS,YAAA,CAAA;AAAA,MACpBH,2BAAAA,IAACG,mBAAU,UAAK,QAAA,CAAA;AAAA,IAAA,EAAA,CAClB,EACF,CAAA;AAAA,mCACCC,MACE,WAAA,EAAA,UAAA,WAAW,IAAI,CAAA,8CACbF,gBACC,EAAA,UAAA;AAAA,MAAAF,2BAAAA,IAACK,MAAAA,aACC,UAACL,2BAAAA,IAAAM,MAAAA,OAAA,EAAM,SAAQ,WAAW,UAAA,UAAU,MAAK,EAC3C,CAAA;AAAA,MACCN,+BAAAK,MAAAA,WAAA,EAEG,UAAM,MAAA,QAAQ,UAAU,KAAK,IAExBL,2BAAAA,IAAA,MAAA,EAAG,WAAU,cACX,UAAA,UAAU,MAAM,IAAI,CAAC,MAAM,UACzBA,2BAAAA,IAAA,MAAA,EACC,yCAACM,aAAM,EAAA,SAAQ,WAAW,UAAA,KAAA,CAAK,KADxB,KAET,CACD,EACH,CAAA,mCAECA,aAAM,EAAA,SAAQ,WAAW,UAAA,UAAU,MAAM,CAAA,GAElD;AAAA,IAlBa,EAAA,GAAA,UAAU,IAmBzB,CACD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/previewButton.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("./button.cjs");
+function PreviewButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: window.location.search.includes("adhesePreviewCreativeId") && /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      onClick: () => {
+        const currentUrl = new URL(window.location.href);
+        window.location.replace(`${currentUrl.origin}${currentUrl.pathname === "/" ? "" : currentUrl.pathname}`);
+      },
+      variant: "secondary",
+      children: "Disable preview mode"
+    }
+  ) });
+}
+exports.PreviewButton = PreviewButton;
+//# sourceMappingURL=previewButton.cjs.map

package/dist/cjs/components/previewButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewButton.cjs","sources":["../../../src/components/previewButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Button } from './button';\n\n// eslint-disable-next-line ts/naming-convention\nexport function PreviewButton(): ReactElement {\n  return (\n    <>\n      {\n    window.location.search.includes('adhesePreviewCreativeId') && (\n      <Button\n        onClick={() => {\n          const currentUrl = new URL(window.location.href);\n\n          window.location.replace(`${currentUrl.origin}${currentUrl.pathname === '/' ? '' : currentUrl.pathname}`);\n        }}\n        variant=\"secondary\"\n      >\n        Disable preview mode\n      </Button>\n    )\n  }\n    </>\n  );\n}\n"],"names":["jsx","Button"],"mappings":";;;;AAIO,SAAS,gBAA8B;AAC5C,+DAGE,UAAO,OAAA,SAAS,OAAO,SAAS,yBAAyB,KACvDA,2BAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,cAAM,aAAa,IAAI,IAAI,OAAO,SAAS,IAAI;AAE/C,eAAO,SAAS,QAAQ,GAAG,WAAW,MAAM,GAAG,WAAW,aAAa,MAAM,KAAK,WAAW,QAAQ,EAAE;AAAA,MACzG;AAAA,MACA,SAAQ;AAAA,MACT,UAAA;AAAA,IAAA;AAAA,EAKH,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/settings.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const fronttailSettings = require("./fronttailSettings.cjs");
+const settingClasses = "border-solid border-b-2 border-accent pb-8 mb-8 last:mb-0 last:pb-0 last:border-0";
+function Settings() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(fronttailSettings.FronttailSettings, { className: settingClasses }) });
+}
+exports.Settings = Settings;
+//# sourceMappingURL=settings.cjs.map

package/dist/cjs/components/settings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.cjs","sources":["../../../src/components/settings.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { FronttailSettings } from './fronttailSettings';\n\nconst settingClasses = 'border-solid border-b-2 border-accent pb-8 mb-8 last:mb-0 last:pb-0 last:border-0';\n\n// eslint-disable-next-line ts/naming-convention\nexport function Settings(): ReactElement {\n  return (\n    <div>\n      <FronttailSettings className={settingClasses} />\n    </div>\n  );\n}\n"],"names":["jsx","FronttailSettings"],"mappings":";;;;AAGA,MAAM,iBAAiB;AAGhB,SAAS,WAAyB;AACvC,wCACG,OACC,EAAA,UAAAA,2BAAA,IAACC,qCAAkB,EAAA,WAAW,gBAAgB,EAChD,CAAA;AAEJ;;"}