geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es111.js

@@ -1,184 +1,58 @@
-import * as e from "react";
-import R from "embla-carousel-react";
-import { ArrowLeft as z, ArrowRight as I } from "lucide-react";
-import { cn as m } from "./index.es81.js";
-import { Button as x } from "./index.es7.js";
-const b = e.createContext(null);
-function d() {
-  const r = e.useContext(b);
-  if (!r)
-    throw new Error("useCarousel must be used within a <Carousel />");
-  return r;
-}
-const L = e.forwardRef(
-  ({
-    orientation: r = "horizontal",
-    opts: o,
-    setApi: a,
-    plugins: s,
-    className: n,
-    children: u,
-    autoplay: c = !1,
-    // Default value for autoplay
-    autoplayInterval: i = 3e3,
-    // Default value for autoplay interval
-    ...w
-  }, E) => {
-    const [g, t] = R(
+import e from "react";
+import { X as o } from "lucide-react";
+import { Button as r } from "./index.es9.js";
+import { _Dialog as c } from "./index.es41.js";
+import { Textarea as s } from "./index.es16.js";
+import { Typography as p } from "./index.es19.js";
+const x = ({
+  open: m,
+  noteValue: a,
+  onNoteChange: i,
+  onClose: t,
+  onSave: l
+}) => /* @__PURE__ */ e.createElement(
+  c,
+  {
+    trigger: null,
+    contentClassName: "h-fit w-fit",
+    open: m,
+    onInteractOutside: t,
+    body: /* @__PURE__ */ e.createElement("div", { className: "p-4" }, /* @__PURE__ */ e.createElement(
+      p,
       {
-        ...o,
-        axis: r === "horizontal" ? "x" : "y"
-      },
-      s
-    ), [p, y] = e.useState(!1), [S, k] = e.useState(!1), f = e.useCallback((l) => {
-      l && (y(l.canScrollPrev()), k(l.canScrollNext()));
-    }, []), C = e.useCallback(() => {
-      t?.scrollPrev();
-    }, [t]), h = e.useCallback(() => {
-      t?.scrollNext();
-    }, [t]), P = e.useCallback(
-      (l) => {
-        l.key === "ArrowLeft" ? (l.preventDefault(), C()) : l.key === "ArrowRight" && (l.preventDefault(), h());
-      },
-      [C, h]
-    );
-    return e.useEffect(() => {
-      !t || !a || a(t);
-    }, [t, a]), e.useEffect(() => {
-      if (t)
-        return f(t), t.on("reInit", f), t.on("select", f), () => {
-          t?.off("select", f);
-        };
-    }, [t, f]), e.useEffect(() => {
-      if (!c || !t)
-        return;
-      let l;
-      const v = () => {
-        l = setInterval(() => {
-          t.scrollNext(), t.selectedScrollSnap() === t.scrollSnapList().length && t.scrollTo(0);
-        }, i);
-      }, N = () => {
-        document.hidden ? clearInterval(l) : v();
-      };
-      return document.addEventListener("visibilitychange", N), document.hidden || v(), () => {
-        clearInterval(l), document.removeEventListener("visibilitychange", N);
-      };
-    }, [c, t, i]), /* @__PURE__ */ e.createElement(
-      b.Provider,
-      {
-        value: {
-          carouselRef: g,
-          api: t,
-          opts: o,
-          orientation: r || (o?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev: C,
-          scrollNext: h,
-          canScrollPrev: p,
-          canScrollNext: S,
-          autoplay: c,
-          // Pass autoplay to the context
-          autoplayInterval: i
-          // Pass autoplayInterval to the context
-        }
+        variant: "h3",
+        className: "mb-2 flex items-center justify-between text-light-2"
       },
+      "Add notes",
       /* @__PURE__ */ e.createElement(
-        "div",
+        o,
         {
-          ref: E,
-          onKeyDownCapture: P,
-          className: m("relative", n),
-          role: "region",
-          "aria-roledescription": "carousel",
-          ...w
-        },
-        u
+          size: 16,
+          className: "cursor-pointer justify-end text-light-1",
+          onClick: t
+        }
       )
-    );
+    ), /* @__PURE__ */ e.createElement(
+      s,
+      {
+        value: a,
+        placeholder: "Add notes",
+        onChange: (n) => i(n.target.value),
+        className: "h-[200px] w-[400px]"
+      }
+    ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex gap-2" }, /* @__PURE__ */ e.createElement(
+      r,
+      {
+        size: "sm",
+        variant: "primary",
+        onClick: l,
+        disabled: !a.trim()
+      },
+      "Save"
+    ), /* @__PURE__ */ e.createElement(r, { size: "sm", variant: "secondary", onClick: t }, "Cancel")))
   }
 );
-L.displayName = "Carousel";
-const D = e.forwardRef(({ className: r, ...o }, a) => {
-  const { carouselRef: s, orientation: n } = d();
-  return /* @__PURE__ */ e.createElement("div", { ref: s, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ref: a,
-      className: m(
-        "flex",
-        n === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        r
-      ),
-      ...o
-    }
-  ));
-});
-D.displayName = "CarouselContent";
-const A = e.forwardRef(({ className: r, ...o }, a) => {
-  const { orientation: s } = d();
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ref: a,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: m(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        s === "horizontal" ? "pl-4" : "pt-4",
-        r
-      ),
-      ...o
-    }
-  );
-});
-A.displayName = "CarouselItem";
-const K = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
-  const { orientation: u, scrollPrev: c, canScrollPrev: i } = d();
-  return /* @__PURE__ */ e.createElement(
-    x,
-    {
-      ref: n,
-      variant: o,
-      size: a,
-      className: m(
-        "absolute  h-10 w-10 disabled:bg-light-3",
-        u === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        r
-      ),
-      disabled: !i,
-      onClick: c,
-      ...s
-    },
-    /* @__PURE__ */ e.createElement(z, { className: "absolute h-4 w-4 stroke-stroke-4" }),
-    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Previous slide")
-  );
-});
-K.displayName = "CarouselPrevious";
-const B = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
-  const { orientation: u, scrollNext: c, canScrollNext: i } = d();
-  return /* @__PURE__ */ e.createElement(
-    x,
-    {
-      ref: n,
-      variant: o,
-      size: a,
-      className: m(
-        "absolute h-10 w-10 disabled:bg-light-3",
-        u === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        r
-      ),
-      disabled: !i,
-      onClick: c,
-      ...s
-    },
-    /* @__PURE__ */ e.createElement(I, { className: "absolute h-4 w-4 stroke-stroke-4" })
-  );
-});
-B.displayName = "CarouselNext";
 export {
-  L as Carousel,
-  D as CarouselContent,
-  A as CarouselItem,
-  B as CarouselNext,
-  K as CarouselPrevious
+  x as DialogNote
 };
 //# sourceMappingURL=index.es111.js.map

package/dist/index.es111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es111.js","sources":["../src/components/unstyled/carousel/carousel-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport useEmblaCarousel from 'embla-carousel-react' // type UseEmblaCarouselType,\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  CarouselApi,\n  CarouselContextProps,\n  CarouselProps,\n} from './carousel.types'\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n  (\n    {\n      orientation = 'horizontal',\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      autoplay = false, // Default value for autoplay\n      autoplayInterval = 3000, // Default value for autoplay interval\n      ...props\n    },\n    ref\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === 'horizontal' ? 'x' : 'y',\n      },\n      plugins\n    )\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n    const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return\n      }\n\n      setCanScrollPrev(api.canScrollPrev())\n      setCanScrollNext(api.canScrollNext())\n    }, [])\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev()\n    }, [api])\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext()\n    }, [api])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault()\n          scrollPrev()\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault()\n          scrollNext()\n        }\n      },\n      [scrollPrev, scrollNext]\n    )\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return\n      }\n\n      setApi(api)\n    }, [api, setApi])\n\n    React.useEffect(() => {\n      if (!api) {\n        return\n      }\n\n      onSelect(api)\n      api.on('reInit', onSelect)\n      api.on('select', onSelect)\n\n      return () => {\n        api?.off('select', onSelect)\n      }\n    }, [api, onSelect])\n\n    React.useEffect(() => {\n      if (!autoplay || !api) {\n        return\n      }\n\n      let intervalId: ReturnType<typeof setInterval>\n      const startInterval = () => {\n        intervalId = setInterval(() => {\n          api.scrollNext()\n          if (api.selectedScrollSnap() === api.scrollSnapList().length) {\n            api.scrollTo(0)\n          }\n        }, autoplayInterval)\n      }\n\n      const handleVisibilityChange = () => {\n        if (document.hidden) {\n          clearInterval(intervalId)\n        } else {\n          startInterval()\n        }\n      }\n\n      document.addEventListener('visibilitychange', handleVisibilityChange)\n\n      // Start the interval if the document is visible\n      if (!document.hidden) {\n        startInterval()\n      }\n\n      return () => {\n        clearInterval(intervalId)\n        document.removeEventListener('visibilitychange', handleVisibilityChange)\n      }\n    }, [autoplay, api, autoplayInterval])\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation:\n            orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n          autoplay, // Pass autoplay to the context\n          autoplayInterval, // Pass autoplayInterval to the context\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn('relative', className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    )\n  }\n)\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\">\n      <div\n        ref={ref}\n        className={cn(\n          'flex',\n          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n})\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      className={cn(\n        'min-w-0 shrink-0 grow-0 basis-full',\n        orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      // ico\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute  h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-left-12 top-1/2 -translate-y-1/2'\n          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n})\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-right-12 top-1/2 -translate-y-1/2'\n          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      {/* <span className=\"sr-only\">Next slide</span> */}\n    </Button>\n  )\n})\nCarouselNext.displayName = 'CarouselNext'\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","autoplay","autoplayInterval","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","intervalId","startInterval","handleVisibilityChange","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}
+{"version":3,"file":"index.es111.js","sources":["../src/components/ui/agent-snippet-view/components/add-notes-dialog.tsx"],"sourcesContent":["import React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Dialog } from '@/components/organisms/dialog'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\ninterface DialogNoteProps {\n  open: boolean\n  noteValue: string\n  onNoteChange: (value: string) => void\n  onClose: () => void\n  onSave: () => void\n}\n\nexport const DialogNote: React.FC<DialogNoteProps> = ({\n  open,\n  noteValue,\n  onNoteChange,\n  onClose,\n  onSave,\n}) => (\n  <Dialog\n    trigger={null}\n    contentClassName=\"h-fit w-fit\"\n    open={open}\n    onInteractOutside={onClose}\n    body={\n      <div className=\"p-4\">\n        <Typography\n          variant=\"h3\"\n          className=\"mb-2 flex items-center justify-between text-light-2\"\n        >\n          Add notes\n          <X\n            size={16}\n            className=\"cursor-pointer justify-end text-light-1\"\n            onClick={onClose}\n          />\n        </Typography>\n\n        <Textarea\n          value={noteValue}\n          placeholder=\"Add notes\"\n          onChange={(e) => onNoteChange(e.target.value)}\n          className=\"h-[200px] w-[400px]\"\n        />\n        <div className=\"mt-4 flex gap-2\">\n          <Button\n            size=\"sm\"\n            variant=\"primary\"\n            onClick={onSave}\n            disabled={!noteValue.trim()}\n          >\n            Save\n          </Button>\n          <Button size=\"sm\" variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    }\n  />\n)\n"],"names":["DialogNote","open","noteValue","onNoteChange","onClose","onSave","React","Dialog","Typography","X","Textarea","e","Button"],"mappings":";;;;;;AAeO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,kBAAiB;AAAA,IACjB,MAAAN;AAAA,IACA,mBAAmBG;AAAA,IACnB,MACEE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,MAAA,GACbA,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MACX;AAAA,MAECF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAGFE,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,aAAY;AAAA,QACZ,UAAU,CAACS,MAAMR,EAAaQ,EAAE,OAAO,KAAK;AAAA,QAC5C,WAAU;AAAA,MAAA;AAAA,IAAA,GAEZL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kBAAA,GACbA,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASP;AAAA,QACT,UAAU,CAACH,EAAU,KAAA;AAAA,MAAK;AAAA,MAC3B;AAAA,IAAA,GAGDI,gBAAAA,EAAA,cAACM,GAAA,EAAO,MAAK,MAAK,SAAQ,aAAY,SAASR,EAAA,GAAS,QAExD,CACF,CACF;AAAA,EAAA;AAEJ;"}

package/dist/index.es112.js

@@ -1,43 +1,45 @@
-import { cva as t } from "class-variance-authority";
-const e = t(
-  "inline-flex items-center justify-evenly p-1 text-muted-foreground",
-  {
-    variants: {
-      variant: {
-        primary: "bg-light-3 border rounded-xl  border-neutral-1",
-        secondary: "bg-background "
-      },
-      size: {
-        sm: "h-10 rounded-xl ",
-        md: "h-12 rounded-xl "
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
+import e, { forwardRef as l, useContext as o, createContext as s } from "react";
+import { StepItemStatus as n } from "./index.es31.js";
+import { Typography as i } from "./index.es19.js";
+import { cn as p } from "./index.es89.js";
+import { StepItemVariants as u } from "./index.es139.js";
+const m = s(null), h = l(
+  ({ children: a, steps: t, id: r }, c) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: c, id: r }, a))
+), w = () => {
+  const a = o(m);
+  return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    E,
+    {
+      key: r,
+      value: t,
+      variant: t?.status ?? n.PENDING
+    }
+  ), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
     }
-  }
-), i = t(
-  "inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ",
-  {
-    variants: {
-      size: {
-        sm: "h-8 text-[14px] p-1.5 ",
-        md: "h-10 text-[16px] p-2 "
-      },
-      variant: {
-        primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
-        secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
-      }
+  ))));
+}, E = ({ value: a, ...t }) => {
+  const { variant: r } = t;
+  return /* @__PURE__ */ e.createElement("div", { className: p(u({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      style: { textAlign: "center", height: "max-content" }
     },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
+    a?.label
+  ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
+      alt: "check-mark-icon"
     }
-  }
-);
+  ))));
+};
 export {
-  i as TabTriggerVariants,
-  e as TabsVariants
+  w as StepGroup,
+  m as StepperContext,
+  h as StepperProvider
 };
 //# sourceMappingURL=index.es112.js.map

package/dist/index.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es112.js","sources":["../src/components/molecules/tabs/tabs.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TabsVariants = cva(\n  'inline-flex items-center justify-evenly p-1 text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        primary: 'bg-light-3 border rounded-xl  border-neutral-1',\n        secondary: 'bg-background ',\n      },\n      size: {\n        sm: 'h-10 rounded-xl ',\n        md: 'h-12 rounded-xl ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n\nexport const TabTriggerVariants = cva(\n  'inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-[14px] p-1.5 ',\n        md: 'h-10 text-[16px] p-2 ',\n      },\n      variant: {\n        primary:\n          'rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ',\n        secondary:\n          'data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n"],"names":["TabsVariants","cva","TabTriggerVariants"],"mappings":";AAEO,MAAMA,IAAeC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEaC,IAAqBD;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"index.es112.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n  steps: StepperValue[] // Add a steps prop to pass the steps array\n  id?: string\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n  ({ children, steps, id }, ref) => {\n    return (\n      <StepperContext.Provider value={steps}>\n        <div className={'w-[100%]'} ref={ref} id={id}>\n          {children}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\n\nconst StepGroup = () => {\n  const steps = useContext(StepperContext) // Accessing the steps array from context\n\n  return (\n    <div className=\"flex justify-between items-center w-[100%]\">\n      {steps?.map((step, index) => (\n        <>\n          <StepItem\n            key={index}\n            value={step}\n            variant={step?.status ?? StepItemStatus.PENDING}\n          />\n          {index !== steps.length - 1 && (\n            <div\n              className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n            />\n          )}\n        </>\n      ))}\n    </div>\n  )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n  const { variant } = props\n  return (\n    <div className={cn(StepItemVariants({ variant }))}>\n      {variant !== StepItemStatus.COMPLETED ? (\n        <Typography\n          variant={'body4'}\n          style={{ textAlign: 'center', height: 'max-content' }}\n        >\n          {value?.label}\n        </Typography>\n      ) : (\n        <>\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n              alt=\"check-mark-icon\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","id","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAgBA,MAAMA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAEtBC,gBAAAA,EAAA,cAACR,EAAe,UAAf,EAAwB,OAAOK,KAC9BG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AACtB,QAAMJ,IAAQK,EAAWV,CAAc;AAEvC,SACEQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MACjBJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAAA,GAEzCF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAG3H,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AAC1D,QAAM,EAAE,SAAAC,MAAYD;AACpB,SACER,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAA,CAAS,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAA;AAAA,IAAc;AAAA,IAEnDL,GAAO;AAAA,EAAA,IAGVP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAAA,CAER,CACF,CAEJ;AAEJ;"}

package/dist/index.es113.js

@@ -1,46 +1,16 @@
-import * as e from "react";
-import { OTPInput as l, OTPInputContext as u } from "input-otp";
-import { Dot as f } from "lucide-react";
-import { cn as n } from "./index.es81.js";
-import { OTPInputVariants as d } from "./index.es126.js";
-const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
-  l,
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative",
   {
-    ref: o,
-    containerClassName: n("flex items-center gap-3", a),
-    className: n(t),
-    ...r,
-    inputMode: "text"
-  }
-));
-O.displayName = "InputOTP";
-const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
-P.displayName = "InputOTPGroup";
-const T = e.forwardRef(
-  ({ index: t, className: a, isError: r, ...o }, s) => {
-    const m = e.useContext(u), { char: p, hasFakeCaret: c, isActive: i } = m.slots[t];
-    return /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        ref: s,
-        className: n(
-          d({ isError: r, isFocused: i }),
-          a
-        ),
-        ...o
-      },
-      p,
-      c && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
-    );
+    variants: {
+      isActive: {
+        true: "bg-click-s3",
+        false: "bg-inherit"
+      }
+    }
   }
 );
-T.displayName = "InputOTPSlot";
-const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
-I.displayName = "InputOTPSeparator";
 export {
-  O as InputOTP,
-  P as InputOTPGroup,
-  I as InputOTPSeparator,
-  T as InputOTPSlot
+  i as NavbarIconVariants
 };
 //# sourceMappingURL=index.es113.js.map

package/dist/index.es113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es113.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n    inputMode=\"text\"\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IACJ,WAAU;AAAA,EAAA;AACZ,CACD;AACDJ,EAAS,cAAc;AAEvB,MAAMQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,EAAA,GAASC,MAAQ;AAChD,UAAMO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaJ,EAAgB,MAAMF,CAAK;AACpE,WACE,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAA,EAAI,WAAU,2EACb,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAA,EAAI,KAAAA,GAAU,MAAK,aAAa,GAAGD,KAClC,gBAAAH,EAAA,cAACkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}
+{"version":3,"file":"index.es113.js","sources":["../src/components/organisms/navbar/navbar.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const NavbarIconVariants = cva(\n  'h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative',\n  {\n    variants: {\n      isActive: {\n        true: 'bg-click-s3',\n        false: 'bg-inherit',\n      },\n    },\n  }\n)\n"],"names":["NavbarIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}

package/dist/index.es114.js

@@ -1,45 +1,96 @@
-import e, { forwardRef as l, useContext as o, createContext as s } from "react";
-import { StepItemStatus as n } from "./index.es28.js";
-import { Typography as i } from "./index.es17.js";
-import { cn as p } from "./index.es81.js";
-import { StepItemVariants as u } from "./index.es127.js";
-const m = s(null), h = l(
-  ({ children: a, steps: t, id: r }, c) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: c, id: r }, a))
-), w = () => {
-  const a = o(m);
-  return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    E,
+import e, { useState as N } from "react";
+import { Button as _ } from "./index.es9.js";
+import { Typography as i } from "./index.es19.js";
+import { SheetPrimary as q } from "./index.es42.js";
+import { RequestCreditsDialog as P } from "./index.es2.js";
+const S = ({
+  open: o,
+  onClose: a,
+  credit_details: c = "0",
+  description: s,
+  onRequestCredits: l,
+  onProceedToPayment: m,
+  trigger: f = null,
+  containerId: d,
+  className: u,
+  dialogClassName: p,
+  buyCreditsOptions: h,
+  minimumCreditsToBuy: g,
+  requestOnly: y
+}) => {
+  const [E, t] = N(!1), v = () => {
+    t(!0);
+  }, x = (n, r) => {
+    l?.(n, r), t(!1), a();
+  }, C = (n, r) => {
+    m?.(n, r), t(!1), a();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    q,
     {
-      key: r,
-      value: t,
-      variant: t?.status ?? n.PENDING
+      open: o,
+      trigger: f,
+      onOpenChange: a,
+      title: "Credits",
+      contentProps: {
+        className: u,
+        side: "custom"
+      },
+      bodyProps: {
+        className: "p-0 h-full"
+      },
+      content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full p-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex-col items-center justify-center" }, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
+          alt: "Credit information",
+          className: "w-[280px] h-[120px] object-contain"
+        }
+      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(i, { variant: "h2", className: "flex items-center mb-4" }, c, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg",
+          width: 32,
+          height: 32,
+          alt: "coin icon",
+          className: "ml-1"
+        }
+      )), s && /* @__PURE__ */ e.createElement(i, { variant: "body1", className: "text-light-3" }, s)))),
+      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
+        _,
+        {
+          variant: "primary",
+          suffixIcon: /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
+              width: 16,
+              height: 16,
+              alt: "coin icon",
+              className: "ml-1"
+            }
+          ),
+          title: "Request for credits",
+          onClick: v
+        }
+      )),
+      container: typeof document < "u" ? document.getElementById(d || "") : void 0
     }
-  ), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
-    "div",
+  ), /* @__PURE__ */ e.createElement(
+    P,
     {
-      className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
+      open: E,
+      onClose: () => t(!1),
+      onRequestCredits: x,
+      onProceedToPayment: C,
+      dialogClassName: p,
+      buyCreditsOptions: h,
+      minimumCreditsToBuy: g,
+      requestOnly: y
     }
-  ))));
-}, E = ({ value: a, ...t }) => {
-  const { variant: r } = t;
-  return /* @__PURE__ */ e.createElement("div", { className: p(u({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "body4",
-      style: { textAlign: "center", height: "max-content" }
-    },
-    a?.label
-  ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
-      alt: "check-mark-icon"
-    }
-  ))));
+  ));
 };
 export {
-  w as StepGroup,
-  m as StepperContext,
-  h as StepperProvider
+  S as CreditSheet
 };
 //# sourceMappingURL=index.es114.js.map

package/dist/index.es114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es114.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n  steps: StepperValue[] // Add a steps prop to pass the steps array\n  id?: string\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n  ({ children, steps, id }, ref) => {\n    return (\n      <StepperContext.Provider value={steps}>\n        <div className={'w-[100%]'} ref={ref} id={id}>\n          {children}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\n\nconst StepGroup = () => {\n  const steps = useContext(StepperContext) // Accessing the steps array from context\n\n  return (\n    <div className=\"flex justify-between items-center w-[100%]\">\n      {steps?.map((step, index) => (\n        <>\n          <StepItem\n            key={index}\n            value={step}\n            variant={step?.status ?? StepItemStatus.PENDING}\n          />\n          {index !== steps.length - 1 && (\n            <div\n              className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n            />\n          )}\n        </>\n      ))}\n    </div>\n  )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n  const { variant } = props\n  return (\n    <div className={cn(StepItemVariants({ variant }))}>\n      {variant !== StepItemStatus.COMPLETED ? (\n        <Typography\n          variant={'body4'}\n          style={{ textAlign: 'center', height: 'max-content' }}\n        >\n          {value?.label}\n        </Typography>\n      ) : (\n        <>\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n              alt=\"check-mark-icon\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","id","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAgBA,MAAMA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAEtBC,gBAAAA,EAAA,cAACR,EAAe,UAAf,EAAwB,OAAOK,KAC9BG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AACtB,QAAMJ,IAAQK,EAAWV,CAAc;AAEvC,SACEQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MACjBJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAAA,GAEzCF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAG3H,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AAC1D,QAAM,EAAE,SAAAC,MAAYD;AACpB,SACER,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAA,CAAS,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAA;AAAA,IAAc;AAAA,IAEnDL,GAAO;AAAA,EAAA,IAGVP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAAA,CAER,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es114.js","sources":["../src/components/ui/credit-sheet/credit-sheet.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\nimport type { CreditSheetProps } from './credit-sheet.types'\nimport { Sheet } from '@/components/organisms/sheet'\nimport { RequestCreditsDialog } from '../request-credits-view/component/request-credit-dialog'\n\nexport const CreditSheet: React.FC<CreditSheetProps> = ({\n  open,\n  onClose,\n  credit_details = '0',\n  description,\n  onRequestCredits,\n  onProceedToPayment,\n  trigger = null,\n  containerId,\n  className,\n  dialogClassName,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n}) => {\n  const [showRequestDialog, setShowRequestDialog] = useState(false)\n\n  const handleButtonClick = () => {\n    setShowRequestDialog(true)\n  }\n\n  const handleRequestCredits = (credits: string, phoneNumber: string) => {\n    onRequestCredits?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose()\n  }\n\n  const handleProceedToPayment = (credits: string, phoneNumber: string) => {\n    onProceedToPayment?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose() // Close the sheet after proceeding to payment\n  }\n\n  return (\n    <>\n      <Sheet\n        open={open}\n        trigger={trigger}\n        onOpenChange={onClose}\n        title=\"Credits\"\n        contentProps={{\n          className: className,\n          side: 'custom',\n        }}\n        bodyProps={{\n          className: 'p-0 h-full',\n        }}\n        content={\n          <div className=\"flex flex-col items-center justify-center h-full p-6\">\n            {/* Fixed Image - Centered */}\n            <div className=\"flex-col items-center justify-center\">\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg\"\n                alt=\"Credit information\"\n                className=\"w-[280px] h-[120px] object-contain\"\n              />\n              <div className=\"mt-2 flex justify-center\">\n                <Typography variant=\"h2\" className=\"flex items-center mb-4\">\n                  {credit_details}\n                  <img\n                    src={\n                      'https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg'\n                    }\n                    width={32}\n                    height={32}\n                    alt=\"coin icon\"\n                    className=\"ml-1\"\n                  />\n                </Typography>\n                {description && (\n                  <Typography variant=\"body1\" className=\"text-light-3\">\n                    {description}\n                  </Typography>\n                )}\n              </div>\n            </div>\n          </div>\n        }\n        footer={\n          <div className=\"flex w-full justify-center\">\n            <Button\n              variant=\"primary\"\n              suffixIcon={\n                <img\n                  src={\n                    'https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg'\n                  }\n                  width={16}\n                  height={16}\n                  alt=\"coin icon\"\n                  className=\"ml-1\"\n                />\n              }\n              title=\"Request for credits\"\n              onClick={handleButtonClick}\n            />\n          </div>\n        }\n        container={\n          typeof document !== 'undefined'\n            ? document.getElementById(containerId || '')\n            : undefined\n        }\n      />\n\n      {/* Request Credits Dialog */}\n      <RequestCreditsDialog\n        open={showRequestDialog}\n        onClose={() => setShowRequestDialog(false)}\n        onRequestCredits={handleRequestCredits}\n        onProceedToPayment={handleProceedToPayment}\n        dialogClassName={dialogClassName}\n        buyCreditsOptions={buyCreditsOptions}\n        minimumCreditsToBuy={minimumCreditsToBuy}\n        requestOnly={requestOnly}\n      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","className","dialogClassName","buyCreditsOptions","minimumCreditsToBuy","requestOnly","showRequestDialog","setShowRequestDialog","useState","handleButtonClick","handleRequestCredits","credits","phoneNumber","handleProceedToPayment","React","Sheet","Typography","Button","RequestCreditsDialog"],"mappings":";;;;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAoB,MAAM;AAC9B,IAAAF,EAAqB,EAAI;AAAA,EAC3B,GAEMG,IAAuB,CAACC,GAAiBC,MAAwB;AACrE,IAAAf,IAAmBc,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1Bb,EAAA;AAAA,EACF,GAEMmB,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAd,IAAqBa,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1Bb,EAAA;AAAA,EACF;AAEA,SACEoB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAtB;AAAA,MACA,SAAAM;AAAA,MACA,cAAcL;AAAA,MACd,OAAM;AAAA,MACN,cAAc;AAAA,QACZ,WAAAO;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,yCACG,OAAA,EAAI,WAAU,0DAEba,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uCAAA,GACbA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,GAEZA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,4BAChCrB,GACDmB,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KACE;AAAA,UAEF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,CAEd,GACClB,KACCkB,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCpB,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEkB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BAAA,GACbA,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YACEH,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KACE;AAAA,cAEF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,CAEb;AAAA,MAEF,WACE,OAAO,WAAa,MAChB,SAAS,eAAeT,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRc,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,MACpB,iBAAAX;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}