geoiq-frontend-ui-kit 1.6.2 → 1.6.4

package/dist/components/ui/form-renderer/components/form-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/form-renderer/components/form-navigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuExD,CAAA"}
+{"version":3,"file":"form-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/form-renderer/components/form-navigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8FxD,CAAA"}

package/dist/components/ui/form-renderer/form.types.d.ts

@@ -103,7 +103,7 @@ export interface OnNavigate {
         isFirstStep: boolean;
         isLastStep: boolean;
         values: FormValues;
-    }): void;
+    }): void | Promise<void>;
 }
 export type OnReplaceImage = (image: AssetValue, index: number) => void;
 export type onToggleImageEditor = (options: {

package/dist/components/ui/form-renderer/form.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/form-renderer/form.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/form-renderer/form.types.ts"],"names":[],"mappings":"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"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as i } from "./index.es78.js";
-import { ProgressVariants as n } from "./index.es94.js";
+import { ProgressVariants as n } from "./index.es93.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(

package/dist/index.es100.js

@@ -1,83 +1,58 @@
-import e, { useState as d, useEffect as C } from "react";
-import { _Dialog as w } from "./index.es37.js";
-import { Typography as f } from "./index.es17.js";
-import { Button as p } from "./index.es7.js";
-import { Input as _ } from "./index.es9.js";
-const i = ["1", "5", "10", "20", ">50"], S = ({
-  open: o,
-  onClose: v,
-  onRequestCredits: h,
-  onProceedToPayment: g
+import e, { useState as y } from "react";
+import { Button as E } from "./index.es7.js";
+import { Typography as r } from "./index.es17.js";
+import { SheetPrimary as x } from "./index.es38.js";
+import { RequestCreditsDialog as v } from "./index.es101.js";
+const w = ({
+  open: l,
+  onClose: a,
+  credit_details: o = "0",
+  description: n,
+  onRequestCredits: c,
+  onProceedToPayment: m,
+  trigger: f = null,
+  containerId: d
 }) => {
-  const [a, m] = d(i[0]), [s, c] = d(""), [E, l] = d(""), N = (t) => {
-    if (!t)
-      return "Phone number is required";
-    const r = t.startsWith("+91") ? t.substring(3) : t;
-    return /^[6-9]\d{9}$/.test(r) ? "" : "Please enter valid number";
-  }, n = a === ">50", b = (t) => {
-    const r = t.target.value;
-    c(r), l("");
-  }, x = () => {
-    const t = N(s);
-    if (t && n) {
-      l(t);
-      return;
-    }
-    const r = n ? "50+" : a;
-    n ? h(r, s) : g ? g(r, s) : h(r, s), u();
-  }, u = () => {
-    v(), setTimeout(() => {
-      c(""), l(""), m(i[0]);
-    }, 100);
+  const [u, t] = y(!1), p = () => {
+    t(!0);
+  }, h = (s, i) => {
+    c?.(s, i), t(!1), a();
+  }, g = (s, i) => {
+    m?.(s, i), t(!1), a();
   };
-  C(() => {
-    o || setTimeout(() => {
-      c(""), l(""), m(i[0]);
-    }, 100);
-  }, [o]);
-  const y = n ? `Request ${a}` : `Proceed to Payment ${a} `;
-  return /* @__PURE__ */ e.createElement(
-    w,
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    x,
     {
-      open: o,
-      onOpenChange: u,
-      trigger: null,
-      contentClassName: "w-min",
-      body: /* @__PURE__ */ e.createElement("div", { className: "flex items-center " }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      open: l,
+      trigger: f,
+      onOpenChange: a,
+      title: "Credits",
+      contentProps: {
+        className: "bg-light-1 md:!left-[66px] pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        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_427319313_e054593ef1/Group_427319313_e054593ef1.svg",
-          alt: "lock",
-          className: "hidden md:block justify-center items-center ml-4"
+          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: "px-4 py-2 w-80 md:w-[540px]" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ e.createElement(f, { variant: "h3", className: "text-light-2" }, "How many credits do you need?"), /* @__PURE__ */ e.createElement(f, { variant: "body4", className: "text-light-4" }, /* @__PURE__ */ e.createElement("span", { className: "underline" }, "Note:"), " One credit is needed to unlock a site report.", " ", n ? " Please provide your phone number to make a request" : "", ".")), /* @__PURE__ */ e.createElement("div", { className: "flex flex-row gap-2 mt-2" }, i.map((t) => /* @__PURE__ */ e.createElement(
-        p,
-        {
-          variant: a === t ? "primary" : "secondary",
-          key: t,
-          className: a === t ? "w-10" : "w-10 bg-light-2",
-          size: "sm",
-          onClick: () => {
-            m(t);
-          }
-        },
-        t
-      ))), n && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col mt-4" }, /* @__PURE__ */ e.createElement(f, { className: "text-sm font-medium mb-1 text-light-2" }, "Phone Number *"), /* @__PURE__ */ e.createElement(
-        _,
+      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "h2", className: "flex items-center mb-4" }, o, /* @__PURE__ */ e.createElement(
+        "img",
         {
-          id: "phoneNumber",
-          type: "tel",
-          value: s,
-          onChange: b,
-          className: "h-10",
-          placeholder: "Enter phone number",
-          maxLength: 13,
-          isError: !!E,
-          message: E
+          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"
         }
-      )))),
-      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full gap-2 justify-evenly" }, /* @__PURE__ */ e.createElement(p, { variant: "secondary", onClick: u, title: "Cancel" }), /* @__PURE__ */ e.createElement(
-        p,
+      )), n && /* @__PURE__ */ e.createElement(r, { variant: "body1", className: "text-light-3" }, n)))),
+      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
+        E,
         {
           variant: "primary",
           suffixIcon: /* @__PURE__ */ e.createElement(
@@ -87,17 +62,26 @@ const i = ["1", "5", "10", "20", ">50"], S = ({
               width: 16,
               height: 16,
               alt: "coin icon",
-              className: "ml-1 mr-2 md:mr-0"
+              className: "ml-1"
             }
           ),
-          title: y,
-          onClick: x
+          title: "Request for credits",
+          onClick: p
         }
-      ))
+      )),
+      container: typeof document < "u" ? document.getElementById(d || "") : void 0
+    }
+  ), /* @__PURE__ */ e.createElement(
+    v,
+    {
+      open: u,
+      onClose: () => t(!1),
+      onRequestCredits: h,
+      onProceedToPayment: g
     }
-  );
+  ));
 };
 export {
-  S as RequestCreditsDialog
+  w as CreditSheet
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/request-credits-view/component/request-credit-dialog.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { Dialog } from '@/components/organisms/dialog'\nimport { Typography } from '@/components/atoms/typography'\nimport { Button } from '@/components/atoms/button'\nimport { Input } from '@/components/atoms/input'\nimport { RequestCreditsDialogProps } from './request-credit-dialog.types'\n\nconst Credits = ['1', '5', '10', '20', '>50']\n\nexport const RequestCreditsDialog: React.FC<RequestCreditsDialogProps> = ({\n  open,\n  onClose,\n  onRequestCredits,\n  onProceedToPayment,\n}) => {\n  const [selectedCredit, setSelectedCredit] = useState(Credits[0])\n  const [phoneNumber, setPhoneNumber] = useState('')\n  const [phoneError, setPhoneError] = useState('')\n\n  const validatePhone = (phone: string) => {\n    if (!phone) {\n      return 'Phone number is required'\n    }\n\n    // Strip the +91 prefix if present for validation\n    const numberOnly = phone.startsWith('+91') ? phone.substring(3) : phone\n\n    // Validate the 10-digit part\n    if (!/^[6-9]\\d{9}$/.test(numberOnly)) {\n      return 'Please enter valid number'\n    }\n\n    return ''\n  }\n  const isRequestAction = selectedCredit === '>50'\n\n  const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setPhoneNumber(value)\n    setPhoneError('')\n  }\n\n  const handleSubmit = () => {\n    const error = validatePhone(phoneNumber)\n    if (error && isRequestAction) {\n      setPhoneError(error)\n      return\n    }\n\n    const credit = isRequestAction ? '50+' : selectedCredit\n\n    // Different actions based on credit selection\n    if (isRequestAction) {\n      // For >50 credits, call request credits (manual approval)\n      onRequestCredits(credit, phoneNumber)\n    } else {\n      // For <=50 credits, proceed to payment\n      if (onProceedToPayment) {\n        onProceedToPayment(credit, phoneNumber)\n      } else {\n        // Fallback to request credits if no payment handler\n        onRequestCredits(credit, phoneNumber)\n      }\n    }\n\n    reset()\n  }\n\n  const reset = () => {\n    onClose()\n    // To avoid the flickering of the input field when the dialog closes\n    setTimeout(() => {\n      setPhoneNumber('')\n      setPhoneError('')\n      setSelectedCredit(Credits[0])\n    }, 100)\n  }\n\n  // Reset form when dialog closes\n  useEffect(() => {\n    if (!open) {\n      setTimeout(() => {\n        setPhoneNumber('')\n        setPhoneError('')\n        setSelectedCredit(Credits[0])\n      }, 100)\n    }\n  }, [open])\n\n  // Determine button text and action\n  const buttonText = isRequestAction\n    ? `Request ${selectedCredit}`\n    : `Proceed to Payment ${selectedCredit} `\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={reset}\n      trigger={null}\n      contentClassName=\"w-min\"\n      body={\n        <div className=\"flex items-center \">\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Group_427319313_e054593ef1/Group_427319313_e054593ef1.svg\"\n              alt=\"lock\"\n              className=\"hidden md:block justify-center items-center ml-4\"\n            />\n          </div>\n          <div className=\"px-4 py-2 w-80 md:w-[540px]\">\n            <div className=\"flex flex-col gap-2\">\n              <Typography variant={'h3'} className=\"text-light-2\">\n                How many credits do you need?\n              </Typography>\n              <Typography variant={'body4'} className=\"text-light-4\">\n                <span className=\"underline\">Note:</span> One credit is needed to\n                unlock a site report.{' '}\n                {isRequestAction\n                  ? ' Please provide your phone number to make a request'\n                  : ''}\n                .\n              </Typography>\n            </div>\n\n            <div className=\"flex flex-row gap-2 mt-2\">\n              {Credits.map((credit) => (\n                <Button\n                  variant={selectedCredit === credit ? 'primary' : 'secondary'}\n                  key={credit}\n                  className={\n                    selectedCredit === credit ? 'w-10' : 'w-10 bg-light-2'\n                  }\n                  size={'sm'}\n                  onClick={() => {\n                    setSelectedCredit(credit)\n                  }}\n                >\n                  {credit}\n                </Button>\n              ))}\n            </div>\n            {isRequestAction && (\n              <div className=\"flex flex-col mt-4\">\n                <Typography className=\"text-sm font-medium mb-1 text-light-2\">\n                  Phone Number *\n                </Typography>\n                <Input\n                  id=\"phoneNumber\"\n                  type=\"tel\"\n                  value={phoneNumber}\n                  onChange={handlePhoneChange}\n                  className=\"h-10\"\n                  placeholder=\"Enter phone number\"\n                  maxLength={13}\n                  isError={!!phoneError}\n                  message={phoneError}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      }\n      footer={\n        <div className=\"flex w-full gap-2 justify-evenly\">\n          <Button variant=\"secondary\" onClick={reset} title={'Cancel'} />\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 mr-2 md:mr-0\"\n              />\n            }\n            title={buttonText}\n            onClick={handleSubmit}\n          />\n        </div>\n      }\n    />\n  )\n}\n"],"names":["Credits","RequestCreditsDialog","open","onClose","onRequestCredits","onProceedToPayment","selectedCredit","setSelectedCredit","useState","phoneNumber","setPhoneNumber","phoneError","setPhoneError","validatePhone","phone","numberOnly","isRequestAction","handlePhoneChange","e","value","handleSubmit","error","credit","reset","useEffect","buttonText","React","Dialog","Typography","Button","Input"],"mappings":"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"}
+{"version":3,"file":"index.es100.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}) => {\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:\n            'bg-light-1 md:!left-[66px] pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\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      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","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;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,IAAAV,IAAmBS,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1BR,EAAA;AAAA,EACF,GAEMc,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAT,IAAqBQ,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1BR,EAAA;AAAA,EACF;AAEA,SACEe,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAjB;AAAA,MACA,SAAAM;AAAA,MACA,cAAcL;AAAA,MACd,OAAM;AAAA,MACN,cAAc;AAAA,QACZ,WACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,yCACG,OAAA,EAAI,WAAU,0DAEbe,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,4BAChChB,GACDc,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,GACCb,KACCa,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCf,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEa,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,eAAeJ,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRS,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,IAAA;AAAA,EAAA,CAExB;AAEJ;"}

package/dist/index.es101.js

@@ -1,276 +1,103 @@
-import e from "react";
-import { _Dialog as v } from "./index.es37.js";
-import { X as N, ChevronLeft as w, ChevronRight as S } from "lucide-react";
-import { Typography as i } from "./index.es17.js";
-import { ResponsiveContainer as d, BarChart as u, CartesianGrid as f, XAxis as g, YAxis as h, Tooltip as p, Bar as E } from "recharts";
-import { trendBoxStyles as C, trendValueStyles as k } from "./index.es123.js";
-const O = ({
-  data: r,
-  onToggle: t,
-  isOpen: n,
-  galleryActiveIndex: a,
-  setgalleryActiveIndex: l
+import e, { useState as d, useEffect as w } from "react";
+import { _Dialog as C } from "./index.es37.js";
+import { Typography as f } from "./index.es17.js";
+import { Button as p } from "./index.es7.js";
+import { Input as _ } from "./index.es9.js";
+const m = ["1", "5", "10", "20", ">50"], S = ({
+  open: i,
+  onClose: v,
+  onRequestCredits: h,
+  onProceedToPayment: g
 }) => {
-  const o = r && r.length, b = () => {
-    r && l((s) => (s + 1) % r?.length);
+  const [a, o] = d(m[0]), [n, c] = d(""), [E, l] = d(""), x = (t) => {
+    if (!t)
+      return "Phone number is required";
+    const r = t.startsWith("+91") ? t.substring(3) : t;
+    return /^[6-9]\d{9}$/.test(r) ? "" : "Please enter valid number";
+  }, s = a === ">50", N = (t) => {
+    const r = t.target.value;
+    c(r), l("");
   }, y = () => {
-    r && l(
-      (s) => (s - 1 + r.length) % r.length
-    );
-  }, x = (s) => {
-    l(s);
-  }, m = () => {
-    t();
+    const t = x(n);
+    if (t && s) {
+      l(t);
+      return;
+    }
+    const r = s ? "50+" : a;
+    s ? h(r, n) : g ? g(r, n) : h(r, n), u();
+  }, u = () => {
+    v(), setTimeout(() => {
+      c(""), l(""), o(m[0]);
+    }, 100);
   };
+  w(() => {
+    i || setTimeout(() => {
+      c(""), l(""), o(m[0]);
+    }, 100);
+  }, [i]);
+  const b = s ? `Request ${a}` : `Proceed to Payment ${a} `;
   return /* @__PURE__ */ e.createElement(
-    v,
+    C,
     {
-      open: n,
+      open: i,
+      onOpenChange: u,
       trigger: null,
-      contentClassName: "bg-transparent w-fit  border-0",
-      onInteractOutside: m,
-      body: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center w-full h-full max-w-3xl mx-auto" }, /* @__PURE__ */ e.createElement(
-        N,
+      contentClassName: "w-min",
+      body: /* @__PURE__ */ e.createElement("div", { className: "w-72 md:w-[570px] flex items-center " }, /* @__PURE__ */ e.createElement("div", { className: "justify-center items-center" }, /* @__PURE__ */ e.createElement(
+        "img",
         {
-          size: 24,
-          color: "white",
-          className: "absolute z-50 cursor-pointer -right-10 -top-10",
-          onClick: m
+          src: "https://frontend-static-files.geoiq.io/strapi/Group_427319313_e054593ef1/Group_427319313_e054593ef1.svg",
+          alt: "lock",
+          className: "h-[150px] w-[150px] ml-4"
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "relative " }, o && /* @__PURE__ */ e.createElement(
-        "img",
+      )), /* @__PURE__ */ e.createElement("div", { className: "px-4 py-2 w-72 md:w-[400px]" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ e.createElement(f, { variant: "h3", className: "text-light-2" }, "How many credits do you need?"), /* @__PURE__ */ e.createElement(f, { variant: "body4", className: "text-light-4" }, /* @__PURE__ */ e.createElement("span", { className: "underline" }, "Note:"), " One credit is needed to unlock a site report.", " ", s ? " Please provide your phone number to make a request" : "", ".")), /* @__PURE__ */ e.createElement("div", { className: "flex flex-row gap-2 mt-2" }, m.map((t) => /* @__PURE__ */ e.createElement(
+        p,
+        {
+          variant: a === t ? "primary" : "secondary",
+          key: t,
+          className: a === t ? "w-10" : "w-10 bg-light-2",
+          size: "sm",
+          onClick: () => {
+            o(t);
+          }
+        },
+        t
+      ))), s && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col mt-4" }, /* @__PURE__ */ e.createElement(f, { className: "text-sm font-medium mb-1 text-light-2" }, "Phone Number *"), /* @__PURE__ */ e.createElement(
+        _,
         {
-          key: r[a].image_url,
-          src: r[a].image_url,
-          alt: `Street ${a + 1}`,
-          className: "w-[500px] max-h-[80vh] object-contain flex-shrink-0"
+          id: "phoneNumber",
+          type: "tel",
+          value: n,
+          onChange: N,
+          className: "h-10",
+          placeholder: "Enter phone number",
+          maxLength: 13,
+          isError: !!E,
+          message: E
         }
-      )), /* @__PURE__ */ e.createElement("div", { className: "relative top-[-50%]  left-[-10%] flex row  w-[120%] justify-between" }, /* @__PURE__ */ e.createElement("div", { role: "button", tabIndex: 0, onClick: y }, /* @__PURE__ */ e.createElement(w, { size: 30, color: "white" })), /* @__PURE__ */ e.createElement("div", { role: "button", tabIndex: 0, onClick: b }, /* @__PURE__ */ e.createElement(S, { size: 30, color: "white" })))), /* @__PURE__ */ e.createElement("div", { className: "flex justify-center p-2 mt-4 space-x-2 rounded-lg" }, o && r.map((s, c) => /* @__PURE__ */ e.createElement(
-        "img",
+      )))),
+      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full gap-2 justify-evenly" }, /* @__PURE__ */ e.createElement(p, { variant: "secondary", onClick: u, title: "Cancel" }), /* @__PURE__ */ e.createElement(
+        p,
         {
-          key: c,
-          src: s.image_url,
-          alt: `Thumbnail ${c + 1}`,
-          onClick: () => x(c),
-          className: `w-20 h-auto rounded-lg cursor-pointer ${c === a ? "ring-2 ring-primary-1" : "ring-2 ring-transparent"} hover:ring-gray-300`
+          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 mr-2 md:mr-0"
+            }
+          ),
+          title: b,
+          onClick: y
         }
-      ))))
+      ))
     }
   );
-}, $ = ({ active: r, payload: t, label: n, year: a }) => {
-  if (r && t && t.length) {
-    const l = t[0]?.payload?.year, o = t[0]?.value;
-    return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col bg-light-1 p-4 rounded-lg shadow-md min-w-[200px] gap-1" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-primary" }, `${n}'${l}`), /* @__PURE__ */ e.createElement("div", { className: "my-2 w-full h-px border border-stroke-1" }), /* @__PURE__ */ e.createElement("div", { className: "flex" }, /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: "h-4 w-1 rounded-lg",
-        style: { backgroundColor: "#6D48EF" }
-      }
-    ), /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-secondary mx-1" }, "Visits"), /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-secondary ml-auto" }, ` ${o}`)));
-  }
-  return null;
-}, z = ({ active: r, payload: t, label: n }) => {
-  if (r && t && t.length) {
-    const a = t[0]?.payload?.distance, l = t[0]?.value;
-    return /* @__PURE__ */ e.createElement("div", { className: "flex bg-light-1 items-center justify-between rounded-lg shadow-md min-w-45 max-w-80 gap-2 p-2" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-primary" }, /* @__PURE__ */ e.createElement("div", { className: "flex h-full justify-between items-center p-2 gap-4" }, /* @__PURE__ */ e.createElement("div", null, n), /* @__PURE__ */ e.createElement("div", null, " ", a + "km"))), /* @__PURE__ */ e.createElement(
-      i,
-      {
-        variant: "body4",
-        className: "text-normal text-danger-1 ml-auto p-2"
-      },
-      `${l}%`
-    ));
-  }
-  return null;
-}, D = ({ insights: r }) => /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "flex flex-row mb-4 justify-between" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2" }, "Store Insight:")), /* @__PURE__ */ e.createElement("div", { className: "bg-light-2 p-3 border border-neutral-1 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-2" }, "Presence of other brands in catchment:"), /* @__PURE__ */ e.createElement("div", { className: "flex gap-1 flex-wrap" }, r.map((t) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    key: t.type,
-    className: "flex items-center gap-1 bg-light-1 px-2 py-1 rounded-full border border-neutral-1"
-  },
-  /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: t.iconUrl,
-      alt: `${t.type} Icon`,
-      className: "w-4 h-4"
-    }
-  ),
-  /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.count),
-  /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.type === "competitor" ? "Competitors" : "Complementary"))
-))))), K = ({
-  highlights: r
-}) => /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-2" }, "Store Overview:"), /* @__PURE__ */ e.createElement("div", { className: "bg-light-2 p-1 border border-neutral-1 rounded-lg" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-evenly items-center" }, r.map((t, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center text-center gap-1 p-" }, /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: C({
-      trend: t.trend?.toString()
-    })
-  },
-  t.trend === 1 && /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/trending_up_9d73d6fac5.svg",
-      alt: "High Trend",
-      className: "w-3 h-3"
-    }
-  ),
-  t.trend === -1 && /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/trending_down_87adc7f3a6.svg",
-      alt: "Low Trend",
-      className: "w-3 h-3"
-    }
-  ),
-  t.value && t.trend ? /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "body5",
-      className: k({
-        trend: t.trend?.toString()
-      })
-    },
-    `${t.value}%`
-  ) : /* @__PURE__ */ e.createElement(i, { variant: "body5", className: "text-sm" }, "-")
-), t.name && /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.name)), n < r.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "border-l border-stroke-light-1 h-20 mx-1" })))))), I = ({ data: r }) => !r || r.every((t) => t.footfall === null) ? null : /* @__PURE__ */ e.createElement("div", { className: "w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-4" }, "Footfall trends"), /* @__PURE__ */ e.createElement(d, { width: "100%", height: 300 }, /* @__PURE__ */ e.createElement(
-  u,
-  {
-    data: r,
-    margin: {
-      top: 3,
-      right: 3,
-      bottom: -10,
-      left: 3
-    },
-    barSize: 24
-  },
-  /* @__PURE__ */ e.createElement(f, { strokeDasharray: "10 10" }),
-  /* @__PURE__ */ e.createElement(
-    g,
-    {
-      dataKey: "month",
-      style: {
-        font: "Kumbh Sans",
-        fontSize: "12px",
-        fontWeight: "500",
-        color: "#4A4A4A"
-      }
-    }
-  ),
-  /* @__PURE__ */ e.createElement(
-    h,
-    {
-      className: "text-4-grey",
-      style: { fontSize: "12px", fontWeight: "500" },
-      tickFormatter: (t) => t > 1e6 ? `${t / 1e6}M` : t > 1e3 ? `${t / 1e3}K` : t,
-      label: {
-        value: "AVG FOOTFALL FOR A 3-MONTH PERIOD",
-        angle: -90,
-        position: "insideLeft",
-        dy: -5,
-        style: {
-          textAnchor: "middle",
-          fontSize: "12px",
-          fontWeight: "500"
-        }
-      }
-    }
-  ),
-  /* @__PURE__ */ e.createElement(p, { content: /* @__PURE__ */ e.createElement($, null) }),
-  /* @__PURE__ */ e.createElement(
-    E,
-    {
-      dataKey: "footfall",
-      fill: "#6D48EF",
-      radius: [4, 4, 4, 4],
-      style: { cursor: "pointer" }
-    }
-  )
-))), R = ({
-  data: r
-}) => {
-  if (!r || r.every((n) => n.cannibalisation === null))
-    return null;
-  const t = (n) => {
-    const a = r.length;
-    let l;
-    return a <= 1 ? l = 50 : a <= 6 ? l = 22 - (a - 1) * 4 : l = 6, n.length > l ? `${n.slice(0, l)}...` : n;
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: "w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-4" }, "Cannibalisation effects"), /* @__PURE__ */ e.createElement(d, { width: "100%", height: 300 }, /* @__PURE__ */ e.createElement(
-    u,
-    {
-      data: r,
-      margin: {
-        top: 3,
-        right: 3,
-        bottom: 5,
-        left: 3
-      },
-      barSize: 24
-    },
-    /* @__PURE__ */ e.createElement(f, { strokeDasharray: "10 10" }),
-    /* @__PURE__ */ e.createElement(
-      g,
-      {
-        dataKey: "store_name",
-        tickFormatter: t,
-        tickMargin: 10,
-        tick: (n) => {
-          const { x: a, y: l, payload: o } = n;
-          return /* @__PURE__ */ e.createElement("text", { x: a, y: l, textAnchor: "end", fill: "#666" }, /* @__PURE__ */ e.createElement("tspan", { x: a, style: { fontSize: 12 } }, t(o.value)), /* @__PURE__ */ e.createElement(
-            "tspan",
-            {
-              x: a,
-              dy: "1.5em",
-              style: {
-                fontSize: 10,
-                whiteSpace: "nowrap",
-                paddingTop: "2px"
-              }
-            },
-            r[o.index].distance + " kms"
-          ));
-        }
-      }
-    ),
-    /* @__PURE__ */ e.createElement(
-      h,
-      {
-        className: "text-4-grey",
-        style: { fontSize: "12px", fontWeight: "500" },
-        tickFormatter: (n) => n > 1e6 ? `${n / 1e6}M` : n > 1e3 ? `${n / 1e3}K` : n,
-        label: {
-          value: "CANNIBALISATION IN %",
-          angle: -90,
-          position: "insideLeft",
-          dy: -5,
-          style: {
-            textAnchor: "middle",
-            fontSize: "12px",
-            fontWeight: "500"
-          }
-        },
-        domain: [0, 100]
-      }
-    ),
-    /* @__PURE__ */ e.createElement(p, { content: /* @__PURE__ */ e.createElement(z, null) }),
-    /* @__PURE__ */ e.createElement(
-      E,
-      {
-        dataKey: "cannibalisation",
-        fill: "#F93232",
-        radius: [4, 4, 4, 4],
-        style: { cursor: "pointer" }
-      }
-    )
-  )));
 };
 export {
-  R as CannibalisationChartSection,
-  I as FootfallChartSection,
-  O as ReportSnippetGalleryView,
-  D as StoreInsightsSection,
-  K as StoreOverviewSection
+  S as RequestCreditsDialog
 };
 //# sourceMappingURL=index.es101.js.map