geoiq-frontend-ui-kit 2.0.2 → 2.0.3

package/dist/styles.css

@@ -110,9 +110,7 @@
 
 /*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*/
-
-/*
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -429,7 +427,6 @@ menu {
 /*
 Reset default styling for dialogs.
 */
-
 dialog {
   padding: 0;
 }
@@ -470,7 +467,6 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
-
 :disabled {
   cursor: default;
 }
@@ -504,12 +500,10 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
-
-:root {
+  :root {
     /* Neutral */
     --neutral-0: 255 255 255;
     --neutral-25: 249 250 251;
@@ -573,7 +567,7 @@ video {
     --info-500: 59 130 246;
   }
 
-.dark {
+  .dark {
     /* Dark Theme Colors */
     --neutral-0: 255 255 255 1;
     --neutral-25: 249 250 251 1;
@@ -637,24 +631,24 @@ video {
     --info-500: 59 130 246 1;
   }
 
-/* ====================To change scrollbar of radix components ================================= */
+  /* ====================To change scrollbar of radix components ================================= */
 
-[data-radix-select-viewport],
+  [data-radix-select-viewport],
   .custom-scrollbar {
     scrollbar-width: thin !important; /* For Firefox */ /* For Firefox */
     scroll-margin: 10px;
   }
 
-/* ====================To introduce new gradient =============================================== */
+  /* ====================To introduce new gradient =============================================== */
 
-.brand-primary-secondary-gradient {
+  .brand-primary-secondary-gradient {
     /* TODO change it to css variable */
     background: linear-gradient(90deg, #9178e9 0%, #f19089 100%);
   }
 
-/* ====================Animated Input ========================================================== */
+  /* ====================Animated Input ========================================================== */
 
-@keyframes animatedInputMiddleToTop {
+  @keyframes animatedInputMiddleToTop {
     0% {
       transform: translateY(0%);
       opacity: 1;
@@ -671,7 +665,7 @@ video {
     }
   }
 
-@keyframes animatedInputFadeInBottom {
+  @keyframes animatedInputFadeInBottom {
     0% {
       transform: translateY(100%);
       opacity: 0;
@@ -689,7 +683,7 @@ video {
     }
   }
 
-/* ============================================================================================== */
+  /* ============================================================================================== */
 .container{
   width: 100%;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "geoiq-frontend-ui-kit",
   "private": false,
-  "version": "2.0.2",
+  "version": "2.0.3",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -14,6 +14,7 @@
     "dev": "vite",
     "build": "npm run lint && tsc && vite build && npm run build:styles",
     "build:styles": "postcss src/index.css -o dist/styles.css && cp ui-kit-preset.js dist/",
+    "prepublishOnly": "rm -rf dist && npm run build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 50",
     "format": "prettier --write .",
     "format:check": "prettier --check .",

package/dist/index.es121.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es121.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n  display1: 'p',\n  display2: 'p',\n  display3: 'p',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  body1: 'p',\n  body2: 'p',\n  body3: 'p',\n  body4: 'p',\n  body5: 'p',\n  body6: 'p',\n  // overline1: 'p',\n  // overline2: 'p',\n  // overline3: 'p',\n  // 'cta-large': 'p',\n  // 'cta-normal': 'p',\n  // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}

package/dist/index.es122.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es122.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}

package/dist/index.es133.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es133.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n  'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}

package/dist/index.es2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es2.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 DefaultBuyCreditsOptions = ['5', '10', '20', '50', '>50']\n\nexport const RequestCreditsDialog: React.FC<RequestCreditsDialogProps> = ({\n  open,\n  onClose,\n  onRequestCredits,\n  onProceedToPayment,\n  dialogClassName,\n  buyCreditsOptions = DefaultBuyCreditsOptions,\n  minimumCreditsToBuy = 5,\n  requestOnly = false,\n}) => {\n  const [selectedCredit, setSelectedCredit] = useState('')\n  const [phoneNumber, setPhoneNumber] = useState('')\n  const [phoneError, setPhoneError] = useState('')\n\n  // Largest plain numeric option (e.g. 50). Anything above it is a request.\n  const numericOptions = buyCreditsOptions\n    .filter((option) => !option.startsWith('>'))\n    .map((option) => Number(option))\n  const maxCredit = numericOptions.length ? Math.max(...numericOptions) : 50\n\n  const exceedsMaxCredit =\n    selectedCredit.startsWith('>') || Number(selectedCredit) > maxCredit\n\n  const isRequestAction = requestOnly || exceedsMaxCredit\n\n  const creditError =\n    selectedCredit &&\n    !isRequestAction &&\n    Number(selectedCredit) < minimumCreditsToBuy\n      ? `Minimum number of credits is ${minimumCreditsToBuy}`\n      : ''\n\n  // Validate phone on every change\n  useEffect(() => {\n    if (isRequestAction) {\n      const error = validatePhone(phoneNumber)\n      setPhoneError(error)\n    } else {\n      setPhoneError('')\n    }\n  }, [phoneNumber, isRequestAction])\n\n  const validatePhone = (phone: string) => {\n    if (!phone) return ''\n    const numberOnly = phone.startsWith('+91') ? phone.substring(3) : phone\n    if (!/^[6-9]\\d{9}$/.test(numberOnly))\n      return 'Number should start with 6-9 and be 10 digits'\n    return ''\n  }\n\n  const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value.replace(/\\D/g, '') // keep only digits\n    setPhoneNumber(value)\n  }\n\n  const handleCreditChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value.replace(/\\D/g, '') // keep only digits\n    setSelectedCredit(value)\n  }\n\n  const handleSubmit = () => {\n    // Only the '>50' style option appends '+'; a typed value is sent as-is\n    const credit = selectedCredit.startsWith('>')\n      ? selectedCredit.replace('>', '') + '+'\n      : selectedCredit\n    if (isRequestAction) {\n      onRequestCredits(credit, phoneNumber)\n    } else {\n      if (onProceedToPayment) {\n        onProceedToPayment(credit, phoneNumber)\n      } else {\n        onRequestCredits(credit, phoneNumber)\n      }\n    }\n    reset()\n  }\n\n  const reset = () => {\n    onClose()\n    setTimeout(() => {\n      setPhoneNumber('')\n      setPhoneError('')\n      setSelectedCredit('')\n    }, 100)\n  }\n\n  useEffect(() => {\n    if (!open) {\n      setTimeout(() => {\n        setPhoneNumber('')\n        setPhoneError('')\n        setSelectedCredit('')\n      }, 100)\n    }\n  }, [open])\n\n  const buttonText = isRequestAction\n    ? `Request ${selectedCredit}`\n    : `Proceed to Payment ${selectedCredit} `\n\n  // Button should be disabled if no credit entered, or phone is invalid for a request\n  const isButtonDisabled =\n    !selectedCredit ||\n    Number(selectedCredit) <= 0 ||\n    !!creditError ||\n    (isRequestAction && (!!phoneError || !phoneNumber))\n\n  // Highlight the '>50' style option whenever the entered value exceeds the\n  // largest buyable option; plain options match exactly.\n  const isOptionSelected = (credit: string) =>\n    credit.startsWith('>') ? exceedsMaxCredit : credit === selectedCredit\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={reset}\n      onOpenAutoFocus={(e) => e.preventDefault()}\n      trigger={null}\n      contentClassName=\"w-min\"\n      body={\n        <div className=\"w-72 md:w-[570px] flex items-center \">\n          <div className=\"items-center justify-center\">\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Group_427319313_e054593ef1/Group_427319313_e054593ef1.svg\"\n              alt=\"lock\"\n              className={dialogClassName}\n            />\n          </div>\n          <div className=\"px-4 py-2 w-72 md:w-[400px]\">\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              </Typography>\n            </div>\n\n            <div className=\"mt-3\">\n              <Input\n                id=\"creditValue\"\n                type=\"text\"\n                value={selectedCredit.startsWith('>') ? '' : selectedCredit}\n                onChange={handleCreditChange}\n                className=\"h-10\"\n                placeholder=\"Enter number of credits\"\n                maxLength={6}\n                isError={!!creditError}\n                message={creditError}\n              />\n            </div>\n\n            <div className=\"flex flex-row gap-2 mt-3\">\n              {buyCreditsOptions.map((credit) => (\n                <Button\n                  variant={isOptionSelected(credit) ? 'primary' : 'secondary'}\n                  key={credit}\n                  className={\n                    isOptionSelected(credit) ? 'w-10' : 'w-10 bg-light-2'\n                  }\n                  size={'sm'}\n                  onClick={() => setSelectedCredit(credit)}\n                >\n                  {credit}\n                </Button>\n              ))}\n            </div>\n            {isRequestAction && (\n              <div className=\"flex flex-col mt-4\">\n                <Typography className=\"mb-1 text-sm font-medium text-light-2\">\n                  Phone Number *\n                </Typography>\n                <Input\n                  id=\"phoneNumber\"\n                  type=\"text\" // use text for maxLength\n                  value={phoneNumber}\n                  onChange={handlePhoneChange}\n                  className=\"h-10\"\n                  placeholder=\"Enter phone number\"\n                  maxLength={10}\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            disabled={isButtonDisabled}\n          />\n        </div>\n      }\n    />\n  )\n}\n"],"names":["DefaultBuyCreditsOptions","RequestCreditsDialog","open","onClose","onRequestCredits","onProceedToPayment","dialogClassName","buyCreditsOptions","minimumCreditsToBuy","requestOnly","selectedCredit","setSelectedCredit","useState","phoneNumber","setPhoneNumber","phoneError","setPhoneError","numericOptions","option","maxCredit","exceedsMaxCredit","isRequestAction","creditError","useEffect","error","validatePhone","phone","numberOnly","handlePhoneChange","value","handleCreditChange","handleSubmit","credit","reset","buttonText","isButtonDisabled","isOptionSelected","React","Dialog","Typography","Input","Button"],"mappings":"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"}

package/dist/index.es88.js

@@ -1,5 +0,0 @@
-import t from "./index.es18.js";
-export {
-  t as default
-};
-//# sourceMappingURL=index.es88.js.map

package/dist/index.es88.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es97.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n  'relative flex w-60  touch-none select-none items-center',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}

package/dist/index.es98.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view-components.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { ReportSnippetViewNS } from './report-snippet-view.types'\n\nimport { FONT_FAMILY } from '@/lib/constants'\n\nimport { Dialog } from '@/components/organisms/dialog'\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport { Typography } from '@/components/atoms/typography'\nimport {\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from 'recharts'\nimport { trendBoxStyles, trendValueStyles } from './report-snippet-view-style'\n\nconst ReportSnippetGalleryView: FC<{\n  onToggle: () => void\n  isOpen: boolean\n  data?: ReportSnippetViewNS.StreetViewData\n  galleryActiveIndex: number\n  setgalleryActiveIndex: React.Dispatch<React.SetStateAction<number>>\n}> = ({\n  data,\n  onToggle,\n  isOpen,\n  galleryActiveIndex,\n  setgalleryActiveIndex,\n}) => {\n  // Current active item\n\n  const isDataAvailable = data && data.length\n\n  // Handle next click\n  const handleNext = () => {\n    if (!data) return\n    setgalleryActiveIndex((prevIndex) => (prevIndex + 1) % data?.length)\n  }\n\n  // Handle previous click\n  const handlePrev = () => {\n    if (!data) return\n    setgalleryActiveIndex(\n      (prevIndex) => (prevIndex - 1 + data.length) % data.length\n    )\n  }\n\n  const handleThumbnailClick = (index: number) => {\n    setgalleryActiveIndex(index)\n  }\n\n  const toggleGallery = () => {\n    onToggle()\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      trigger={null}\n      contentClassName=\"bg-transparent w-fit  border-0\"\n      onInteractOutside={toggleGallery}\n      body={\n        <div className=\"flex flex-col items-center justify-center w-full h-full max-w-3xl mx-auto\">\n          <X\n            size={24}\n            color=\"white\"\n            className=\"absolute z-50 cursor-pointer -right-10 -top-10\"\n            onClick={toggleGallery}\n          />\n\n          {/* Main Carousel */}\n          <div className=\"relative\">\n            <div className=\"relative \">\n              {isDataAvailable && (\n                <img\n                  key={data[galleryActiveIndex].image_url}\n                  src={data[galleryActiveIndex].image_url}\n                  alt={`Street ${galleryActiveIndex + 1}`}\n                  className=\"w-[500px] max-h-[80vh] object-contain flex-shrink-0\"\n                />\n              )}\n            </div>\n\n            {/* Navigation Buttons */}\n            <div className=\"relative top-[-50%]  left-[-10%] flex row  w-[120%] justify-between\">\n              <div role=\"button\" tabIndex={0} onClick={handlePrev}>\n                <ChevronLeft size={30} color=\"white\" />\n              </div>\n              <div role=\"button\" tabIndex={0} onClick={handleNext}>\n                <ChevronRight size={30} color=\"white\" />\n              </div>\n            </div>\n          </div>\n\n          {/* Thumbnails */}\n          <div className=\"flex justify-center p-2 mt-4 space-x-2 rounded-lg\">\n            {isDataAvailable &&\n              data.map((item, index) => (\n                <img\n                  key={index}\n                  src={item.image_url}\n                  alt={`Thumbnail ${index + 1}`}\n                  onClick={() => handleThumbnailClick(index)}\n                  className={`w-20 h-auto rounded-lg cursor-pointer ${\n                    index === galleryActiveIndex\n                      ? 'ring-2 ring-primary-1'\n                      : 'ring-2 ring-transparent'\n                  } hover:ring-gray-300`}\n                />\n              ))}\n          </div>\n        </div>\n      }\n    />\n  )\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars\nconst CustomTooltipFootfall = ({ active, payload, label, year }: any) => {\n  if (active && payload && payload.length) {\n    const year = payload[0]?.payload?.year\n    const footfall = payload[0]?.value\n    return (\n      <div className=\"flex flex-col bg-light-1 p-4 rounded-lg shadow-md min-w-[200px] gap-1\">\n        {/* Month Information */}\n        <Typography variant={'body6'} className=\"text-primary\">\n          {`${label}'${year}`}\n        </Typography>\n\n        {/* Separator */}\n        <div className=\"my-2 w-full h-px border border-stroke-1\" />\n\n        {/* Footfall/Visits Information */}\n        <div className=\"flex\">\n          <div\n            className=\"h-4 w-1 rounded-lg\"\n            style={{ backgroundColor: '#6D48EF' }}\n          />\n          <Typography variant={'body6'} className=\"text-secondary mx-1\">\n            Visits\n          </Typography>\n          <Typography variant={'body4'} className=\"text-secondary ml-auto\">\n            {` ${footfall}`}\n          </Typography>\n        </div>\n      </div>\n    )\n  }\n  return null\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst CustomTooltipCannibalisation = ({ active, payload, label }: any) => {\n  if (active && payload && payload.length) {\n    const distance = payload[0]?.payload?.distance\n    const cannibalisation = payload[0]?.value\n    return (\n      <div className=\"flex bg-light-1 items-center justify-between rounded-lg shadow-md min-w-45 max-w-80 gap-2 p-2\">\n        {/* Month Information */}\n        <Typography variant={'body6'} className=\"text-primary\">\n          {\n            <div className=\"flex h-full justify-between items-center p-2 gap-4\">\n              <div>{label}</div>\n              <div> {distance + 'km'}</div>\n            </div>\n          }\n        </Typography>\n        {/* Footfall/Visits Information */}\n        <Typography\n          variant={'body4'}\n          className=\"text-normal text-danger-1 ml-auto p-2\"\n        >\n          {`${cannibalisation}%`}\n        </Typography>\n      </div>\n    )\n  }\n  return null\n}\n\n{\n  /*--------- Store insights ----------*/\n}\ninterface StoreInsightsSectionProps {\n  insights: ReportSnippetViewNS.CatchmentInsights[]\n  // customButton?: React.ReactNode\n}\n\nconst StoreInsightsSection: FC<StoreInsightsSectionProps> = ({ insights }) => {\n  return (\n    <div>\n      <div className=\"flex flex-row mb-4 justify-between\">\n        <Typography variant=\"body4\" className=\"text-light-2\">\n          Store Insight:\n        </Typography>\n      </div>\n\n      <div className=\"bg-light-2 p-3 border border-neutral-1 rounded-lg\">\n        <Typography variant=\"body4\" className=\"text-light-2 mb-2\">\n          Presence of other brands in catchment:\n        </Typography>\n\n        {/* Render store insights data */}\n        <div className=\"flex gap-1 flex-wrap\">\n          {insights.map((item) => (\n            <div\n              key={item.type}\n              className=\"flex items-center gap-1 bg-light-1 px-2 py-1 rounded-full border border-neutral-1\"\n            >\n              {/* Icon */}\n              <img\n                src={item.iconUrl}\n                alt={`${item.type} Icon`}\n                className=\"w-4 h-4\"\n              />\n\n              {/* Name and Count */}\n              <Typography variant=\"body6\" className=\"text-light-2\">\n                {item.count}\n              </Typography>\n              <div className=\"flex items-center gap-1\">\n                <Typography variant=\"body6\" className=\"text-light-2\">\n                  {item.type === 'competitor' ? 'Competitors' : 'Complementary'}\n                </Typography>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n{\n  /*--------- Store Overview ----------*/\n}\ninterface StoreOverviewSectionProps {\n  highlights: ReportSnippetViewNS.StoreHighlights[]\n}\n\nconst StoreOverviewSection: FC<StoreOverviewSectionProps> = ({\n  highlights,\n}) => {\n  return (\n    <div>\n      <Typography variant={'body4'} className=\"text-light-2 mb-2\">\n        Store Overview:\n      </Typography>\n      <div className=\"bg-light-2 p-1 border border-neutral-1 rounded-lg\">\n        <div className=\"flex justify-evenly items-center\">\n          {highlights.map((item, index) => (\n            <React.Fragment key={index}>\n              <div className=\"flex flex-col items-center justify-center text-center gap-1 p-\">\n                {/* Trend Box */}\n                <div\n                  className={trendBoxStyles({\n                    trend: item.trend?.toString() as '1' | '-1' | '0' | null,\n                  })}\n                >\n                  {item.trend === 1 && (\n                    <img\n                      src=\"https://frontend-static-files.geoiq.io/strapi/trending_up_9d73d6fac5.svg\"\n                      alt=\"High Trend\"\n                      className={'w-3 h-3'}\n                    />\n                  )}\n                  {item.trend === -1 && (\n                    <img\n                      src=\"https://frontend-static-files.geoiq.io/strapi/trending_down_87adc7f3a6.svg\"\n                      alt=\"Low Trend\"\n                      className={'w-3 h-3'}\n                    />\n                  )}\n                  {item.value && item.trend ? (\n                    <Typography\n                      variant=\"body5\"\n                      className={trendValueStyles({\n                        trend: item.trend?.toString() as\n                          | '1'\n                          | '-1'\n                          | '0'\n                          | null,\n                      })}\n                    >\n                      {`${item.value}%`}\n                    </Typography>\n                  ) : (\n                    <Typography variant=\"body5\" className=\"text-sm\">\n                      -\n                    </Typography>\n                  )}\n                </div>\n\n                {/* Name */}\n                {item.name && (\n                  <Typography variant={'body6'} className=\"text-light-2\">\n                    {item.name}\n                  </Typography>\n                )}\n              </div>\n\n              {/* Separator */}\n              {index < highlights.length - 1 && (\n                <div className=\"border-l border-stroke-light-1 h-20 mx-1\" />\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n{\n  /*----------------- Footfall Trends ------------------*/\n}\ninterface FootfallChartSectionProps {\n  data: ReportSnippetViewNS.FootfallChartData[]\n}\n\nconst FootfallChartSection: FC<FootfallChartSectionProps> = ({ data }) => {\n  if (!data || data.every((item) => item.footfall === null)) {\n    return null\n  }\n  return (\n    <div className=\"w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg\">\n      {/* Section heading */}\n      <Typography variant={'body4'} className=\"text-light-2 mb-4\">\n        Footfall trends\n      </Typography>\n\n      {/* Bar Chart */}\n      <ResponsiveContainer width=\"100%\" height={300}>\n        <BarChart\n          data={data}\n          margin={{\n            top: 3,\n            right: 3,\n            bottom: -10,\n            left: 3,\n          }}\n          barSize={24}\n        >\n          <CartesianGrid strokeDasharray=\"10 10\" />\n          <XAxis\n            dataKey=\"month\"\n            style={{\n              font: FONT_FAMILY,\n              fontSize: '12px',\n              fontWeight: '500',\n              color: '#4A4A4A',\n            }}\n          />\n          <YAxis\n            className=\"text-4-grey\"\n            style={{ fontSize: '12px', fontWeight: '500' }}\n            tickFormatter={(val) => {\n              if (val > 1000000) {\n                return `${val / 1000000}M`\n              }\n              if (val > 1000) {\n                return `${val / 1000}K`\n              }\n              return val\n            }}\n            label={{\n              value: 'AVG FOOTFALL FOR A 3-MONTH PERIOD',\n              angle: -90,\n              position: 'insideLeft',\n              dy: -5,\n              style: {\n                textAnchor: 'middle',\n                fontSize: '12px',\n                fontWeight: '500',\n              },\n            }}\n          />\n          <Tooltip content={<CustomTooltipFootfall />} />\n          <Bar\n            dataKey=\"footfall\"\n            fill=\"#6D48EF\"\n            radius={[4, 4, 4, 4]}\n            style={{ cursor: 'pointer' }}\n          />\n        </BarChart>\n      </ResponsiveContainer>\n    </div>\n  )\n}\n\n{\n  /* -----------------Cannibalisation Effect------------------ */\n}\ninterface CannibalisationChartSectionProps {\n  data: ReportSnippetViewNS.CannibalisationChartData[]\n}\n\nconst CannibalisationChartSection: FC<CannibalisationChartSectionProps> = ({\n  data,\n}) => {\n  if (!data || data.every((item) => item.cannibalisation === null)) {\n    return null\n  }\n  const formatXAxisLabel = (label: string) => {\n    const barCount = data.length\n    let maxLength\n\n    if (barCount <= 1) {\n      maxLength = 50\n    } else if (barCount <= 6) {\n      maxLength = 22 - (barCount - 1) * 4\n    } else {\n      maxLength = 6\n    }\n\n    return label.length > maxLength ? `${label.slice(0, maxLength)}...` : label\n  }\n  return (\n    <div className=\"w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg\">\n      {/* Section heading */}\n      <Typography variant={'body4'} className=\"text-light-2 mb-4\">\n        Cannibalisation effects\n      </Typography>\n\n      {/* Bar Chart */}\n      <ResponsiveContainer width=\"100%\" height={300}>\n        <BarChart\n          data={data}\n          margin={{\n            top: 3,\n            right: 3,\n            bottom: 5,\n            left: 3,\n          }}\n          barSize={24}\n        >\n          <CartesianGrid strokeDasharray=\"10 10\" />\n          <XAxis\n            dataKey=\"store_name\"\n            tickFormatter={formatXAxisLabel}\n            tickMargin={10}\n            tick={(props) => {\n              const { x, y, payload } = props\n              return (\n                <text x={x} y={y} textAnchor={'end'} fill=\"#666\">\n                  <tspan x={x} style={{ fontSize: 12 }}>\n                    {formatXAxisLabel(payload.value)}\n                  </tspan>\n                  <tspan\n                    x={x}\n                    dy=\"1.5em\"\n                    style={{\n                      fontSize: 10,\n                      whiteSpace: 'nowrap',\n                      paddingTop: '2px',\n                    }}\n                  >\n                    {data[payload.index].distance + ' kms'}\n                  </tspan>\n                </text>\n              )\n            }}\n          />\n          <YAxis\n            className=\"text-4-grey\"\n            style={{ fontSize: '12px', fontWeight: '500' }}\n            tickFormatter={(val) => {\n              if (val > 1000000) {\n                return `${val / 1000000}M`\n              }\n              if (val > 1000) {\n                return `${val / 1000}K`\n              }\n              return val\n            }}\n            label={{\n              value: 'CANNIBALISATION IN %',\n              angle: -90,\n              position: 'insideLeft',\n              dy: -5,\n              style: {\n                textAnchor: 'middle',\n                fontSize: '12px',\n                fontWeight: '500',\n              },\n            }}\n            domain={[0, 100]}\n          />\n          <Tooltip content={<CustomTooltipCannibalisation />} />\n          <Bar\n            dataKey=\"cannibalisation\"\n            fill=\"#F93232\"\n            radius={[4, 4, 4, 4]}\n            style={{ cursor: 'pointer' }}\n          />\n        </BarChart>\n      </ResponsiveContainer>\n    </div>\n  )\n}\n\nexport {\n  ReportSnippetGalleryView,\n  StoreInsightsSection,\n  StoreOverviewSection,\n  FootfallChartSection,\n  CannibalisationChartSection,\n}\n"],"names":["ReportSnippetGalleryView","data","onToggle","isOpen","galleryActiveIndex","setgalleryActiveIndex","isDataAvailable","handleNext","prevIndex","handlePrev","handleThumbnailClick","index","toggleGallery","React","Dialog","X","ChevronLeft","ChevronRight","item","CustomTooltipFootfall","active","payload","label","year","footfall","Typography","CustomTooltipCannibalisation","distance","cannibalisation","StoreInsightsSection","insights","StoreOverviewSection","highlights","trendBoxStyles","trendValueStyles","FootfallChartSection","ResponsiveContainer","BarChart","CartesianGrid","XAxis","FONT_FAMILY","YAxis","val","Tooltip","Bar","CannibalisationChartSection","formatXAxisLabel","barCount","maxLength","props","x","y"],"mappings":"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"}

package/dist/index.es99.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAE7B,MAAMG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAA,GAASC,MAAQ;AAC3C,QAAMO,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAE7B,MAAMI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAA,IAAa;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,EACpC,gBAAAhB,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}

package/dist/{index.es84.js → index84.es.js}

@@ -30,4 +30,4 @@ export {
   s as SwitchThumbVariants,
   a as SwitchVariants
 };
-//# sourceMappingURL=index.es84.js.map
+//# sourceMappingURL=index84.es.js.map