@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.8

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),j=require("../../../../../assets/icons/cross.svg.js"),O=require("../../../../../assets/icons/instagram.svg.js"),D=require("../../../../../assets/icons/plus.svg.js"),a=require("react"),T=require("styled-components"),I=require("../../../../button/Button.styled.js"),m=require("../../../../TypographyStyle.js"),B=require("../../../../../utils/unCamelCase.js"),R=require("../../../../../constants/colors.js"),t=require("../../../../../constants/Theme.js"),o=require("../../../../postPicker/postPicker.js"),$=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},h=$(T),b=e=>{const[g,l]=a.useState(!1),[c,d]=a.useState([]),[x,f]=a.useState([]),[u,y]=a.useState(!1);a.useEffect(()=>{e.errors&&e.errors.val&&y(!0)},[e.errors?.val]),a.useEffect(()=>{e.val&&e.val?.length>0&&d(e.val)},[e.val?.length]),a.useEffect(()=>{if(e?.extra?.originalData&&e?.extra?.originalData?.length>0){const r=e?.extra?.originalData?.map(i=>({id:i.id,imageUrl:i.media_type==="VIDEO"?i.thumbnail_url:i.media_url,redirectionUrl:i.permalink,overlayCaption:`posted on: ${k(i.timestamp)}`}));f(r)}},[e?.extra?.originalData]);const k=r=>{const i=new Date(r),s=i.getMonth()+1,p=i.getDate(),E=i.getFullYear();return`${p}/${s}/${E}`},P=r=>{d(r),l(!1),e.onChange?.(r)},C=()=>{l(!0)},N=()=>{l(!1)},v=r=>{const s=[...c].filter(p=>p.id!==r);d(s),s.length>0?e.onChange?.(s):e.onChange?.(void 0)},S=r=>r===o.MEDIA_TYPES.POST||r===o.MEDIA_TYPES.REEL?`Select upto 10 ${e.mediaType}s`:"Select upto 10 stories";return n.jsxDEV(L,{mediaType:e.mediaType,children:[n.jsxDEV("div",{style:{padding:12},children:n.jsxDEV("button",{className:`${u?"add-media-btn error":"add-media-btn"}`,onClick:()=>C(),children:[n.jsxDEV(I.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:101,columnNumber:6},void 0),n.jsxDEV(D.default,{color:u?t.COLORS.content.negative:t.COLORS.content.secondary,width:20,height:20,style:{marginBottom:15}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:102,columnNumber:6},void 0),n.jsxDEV(m.BodySecondary,{style:{color:u?t.COLORS.content.negative:t.COLORS.content.primary},children:["Add ",B.unCamelCase(e.mediaType)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:108,columnNumber:6},void 0),n.jsxDEV("div",{className:"overlay-container"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:115,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:96,columnNumber:4},void 0),n.jsxDEV("div",{className:"product-card-container",children:c?.length>0&&c.map(r=>n.jsxDEV("div",{style:{padding:"7px"},children:n.jsxDEV(Q,{mediaType:e.mediaType,children:[n.jsxDEV("img",{src:r.imageUrl,alt:r.overlayCaption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:124,columnNumber:10},void 0),n.jsxDEV("div",{className:"overlay",children:[n.jsxDEV("a",{target:"_blank",rel:"noreferrer",href:r.redirectionUrl,children:n.jsxDEV("div",{className:"overlay__redirection",children:[n.jsxDEV(O.default,{height:22,width:22},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:133,columnNumber:13},void 0),n.jsxDEV(m.BodyPrimary,{color:R.PRIMARY,style:{fontWeight:500},children:"View"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:134,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:132,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:127,columnNumber:11},void 0),n.jsxDEV("div",{className:"overlay__caption",children:n.jsxDEV(m.BodyCaption,{color:t.COLORS.content.placeholder,children:r.overlayCaption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:145,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:144,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:126,columnNumber:10},void 0),n.jsxDEV("button",{className:"cross-icon",onClick:()=>v(r.id),children:n.jsxDEV(j.default,{width:12,height:12,color:t.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:154,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:150,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:123,columnNumber:9},void 0)},r.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:122,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:118,columnNumber:4},void 0),g&&n.jsxDEV(o.PostPicker,{limit:10,selected:c,onSelect:P,title:S(e.mediaType),showModal:g,onClose:()=>N(),media:x,mediaType:e.mediaType},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:166,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:95,columnNumber:3},void 0)},_=e=>n.jsxDEV(b,{...e,mediaType:o.MEDIA_TYPES.POST},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:182,columnNumber:2},void 0),U=e=>n.jsxDEV(b,{...e,mediaType:o.MEDIA_TYPES.REEL},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:185,columnNumber:2},void 0),V=e=>n.jsxDEV(b,{...e,mediaType:o.MEDIA_TYPES.STORY},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:188,columnNumber:2},void 0),L=h.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),E=require("../../../../../assets/icons/cross.svg.js"),O=require("../../../../../assets/icons/instagram.svg.js"),T=require("../../../../../assets/icons/plus.svg.js"),a=require("react"),I=require("styled-components"),w=require("../../../../button/Button.styled.js"),p=require("../../../../TypographyStyle.js"),j=require("../../../../../utils/unCamelCase.js"),B=require("../../../../../constants/colors.js"),o=require("../../../../../constants/Theme.js"),t=require("../../../../postPicker/postPicker.js"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=R(I),b=e=>{const[y,c]=a.useState(!1),[l,d]=a.useState([]),[x,f]=a.useState([]),[m,h]=a.useState(!1);a.useEffect(()=>{e.errors&&e.errors.val&&h(!0)},[e.errors?.val]),a.useEffect(()=>{e.val&&e.val?.length>0&&d(e.val)},[e.val?.length]),a.useEffect(()=>{if(e?.extra?.originalData&&e?.extra?.originalData?.length>0){const r=e?.extra?.originalData?.map(i=>({id:i.id,imageUrl:i.media_type==="VIDEO"?i.thumbnail_url:i.media_url,redirectionUrl:i.permalink,overlayCaption:`posted on: ${C(i.timestamp)}`}));f(r)}},[e?.extra?.originalData]);const C=r=>{const i=new Date(r),s=i.getMonth()+1,u=i.getDate(),S=i.getFullYear();return`${u}/${s}/${S}`},k=r=>{d(r),c(!1),e.onChange?.(r)},N=()=>{c(!0)},D=()=>{c(!1)},v=r=>{const s=[...l].filter(u=>u.id!==r);d(s),s.length>0?e.onChange?.(s):e.onChange?.(void 0)},P=r=>r===t.MEDIA_TYPES.POST||r===t.MEDIA_TYPES.REEL?`Select upto 10 ${e.mediaType}s`:"Select upto 10 stories";return n.jsxDEV(V,{mediaType:e.mediaType,children:[n.jsxDEV("div",{style:{padding:12},children:n.jsxDEV("button",{className:`${m?"add-media-btn error":"add-media-btn"}`,onClick:()=>N(),children:[n.jsxDEV(w.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:101,columnNumber:6},void 0),n.jsxDEV(T.default,{color:m?o.COLORS.content.negative:o.COLORS.content.secondary,width:20,height:20,style:{marginBottom:15}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:102,columnNumber:6},void 0),n.jsxDEV(p.BodySecondary,{style:{color:m?o.COLORS.content.negative:o.COLORS.content.primary},children:["Add ",j.unCamelCase(e.mediaType)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:108,columnNumber:6},void 0),n.jsxDEV("div",{className:"overlay-container"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:115,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:96,columnNumber:4},void 0),n.jsxDEV("div",{className:"product-card-container",children:l?.length>0&&l.map(r=>n.jsxDEV("div",{style:{padding:"7px"},children:n.jsxDEV(L,{mediaType:e.mediaType,children:[n.jsxDEV("img",{src:r.imageUrl,alt:r.overlayCaption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:124,columnNumber:10},void 0),n.jsxDEV("div",{className:"overlay",children:[n.jsxDEV("a",{target:"_blank",rel:"noreferrer",href:r.redirectionUrl,children:n.jsxDEV("div",{className:"overlay__redirection",children:[n.jsxDEV(O.default,{height:22,width:22},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:133,columnNumber:13},void 0),n.jsxDEV(p.BodyPrimary,{color:B.PRIMARY,style:{fontWeight:500},children:"View"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:134,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:132,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:127,columnNumber:11},void 0),n.jsxDEV("div",{className:"overlay__caption",children:n.jsxDEV(p.BodyCaption,{color:o.COLORS.content.placeholder,children:r.overlayCaption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:145,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:144,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:126,columnNumber:10},void 0),n.jsxDEV("button",{className:"cross-icon",onClick:()=>v(r.id),children:n.jsxDEV(E.default,{width:12,height:12,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:154,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:150,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:123,columnNumber:9},void 0)},r.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:122,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:118,columnNumber:4},void 0),y&&n.jsxDEV(t.PostPicker,{limit:10,selected:l,onSelect:k,title:P(e.mediaType),showModal:y,onClose:()=>D(),media:x,mediaType:e.mediaType},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:166,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:95,columnNumber:3},void 0)},$=e=>n.jsxDEV(b,{...e,mediaType:t.MEDIA_TYPES.POST},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:182,columnNumber:2},void 0),_=e=>n.jsxDEV(b,{...e,mediaType:t.MEDIA_TYPES.REEL},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:185,columnNumber:2},void 0),U=e=>n.jsxDEV(b,{...e,mediaType:t.MEDIA_TYPES.STORY},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx",lineNumber:188,columnNumber:2},void 0),V=g.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -9,7 +9,7 @@
 		display: flex;
 		overflow: auto;
 		max-width: calc(
-			${e=>e.mediaType==o.MEDIA_TYPES.POST?"100% - 172px":"100% - 132px"}
+			${e=>e.mediaType==t.MEDIA_TYPES.POST?"100% - 172px":"100% - 132px"}
 		);
 	}
 
@@ -17,8 +17,8 @@
 		.line-top {
 			background: repeating-linear-gradient(
 				to right,
-				${t.COLORS.content.negative},
-				${t.COLORS.content.negative} 5px,
+				${o.COLORS.content.negative},
+				${o.COLORS.content.negative} 5px,
 				transparent 5px,
 				transparent 10px
 			);
@@ -26,8 +26,8 @@
 		.line-right {
 			background: repeating-linear-gradient(
 				to bottom,
-				${t.COLORS.content.negative},
-				${t.COLORS.content.negative} 5px,
+				${o.COLORS.content.negative},
+				${o.COLORS.content.negative} 5px,
 				transparent 5px,
 				transparent 10px
 			);
@@ -35,8 +35,8 @@
 		.line-bottom {
 			background: repeating-linear-gradient(
 				to right,
-				${t.COLORS.content.negative},
-				${t.COLORS.content.negative} 5px,
+				${o.COLORS.content.negative},
+				${o.COLORS.content.negative} 5px,
 				transparent 5px,
 				transparent 10px
 			);
@@ -44,8 +44,8 @@
 		.line-left {
 			background: repeating-linear-gradient(
 				to bottom,
-				${t.COLORS.content.negative},
-				${t.COLORS.content.negative} 5px,
+				${o.COLORS.content.negative},
+				${o.COLORS.content.negative} 5px,
 				transparent 5px,
 				transparent 10px
 			);
@@ -59,8 +59,8 @@
 		align-items: center;
 		border: none;
 		cursor: pointer;
-		width: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:108}px;
-		height: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:180}px;
+		width: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:108}px;
+		height: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:180}px;
 		position: relative;
 		background-color: transparent;
 		border-radius: 4px;
@@ -140,14 +140,14 @@
 		}
 	}
 	.add-media-btn:active {
-		background-color: ${t.COLORS.background.brandLight};
+		background-color: ${o.COLORS.background.brandLight};
 
 		.line-top,
 		.line-bottom {
 			background: repeating-linear-gradient(
 				to right,
-				${t.COLORS.content.brand},
-				${t.COLORS.content.brand} 5px,
+				${o.COLORS.content.brand},
+				${o.COLORS.content.brand} 5px,
 				transparent 5px,
 				transparent 10px
 			);
@@ -156,18 +156,18 @@
 		.line-left {
 			background: repeating-linear-gradient(
 				to bottom,
-				${t.COLORS.content.brand},
-				${t.COLORS.content.brand} 5px,
+				${o.COLORS.content.brand},
+				${o.COLORS.content.brand} 5px,
 				transparent 5px,
 				transparent 10px
 			);
 		}
 	}
-`,Q=h.default.div`
+`,L=g.default.div`
 	border-radius: 4px;
-	border: 1px solid ${t.COLORS.stroke.primary};
+	border: 1px solid ${o.COLORS.stroke.primary};
 	position: relative;
-	height: ${e=>e.mediaType===o.MEDIA_TYPES.POST?150:182}px;
+	height: ${e=>e.mediaType===t.MEDIA_TYPES.POST?150:182}px;
 
 	.overlay {
 		display: none;
@@ -195,8 +195,8 @@
 	img {
 		border-radius: 4px;
 		object-fit: cover;
-		width: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:108}px;
-		height: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:180}px;
+		width: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:108}px;
+		height: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:180}px;
 	}
 	.cross-icon {
 		position: absolute;
@@ -205,8 +205,8 @@
 		width: 20px;
 		height: 20px;
 		border-radius: 10px;
-		border: 1px solid ${t.COLORS.stroke.primary};
-		background-color: ${t.COLORS.surface.subdued};
+		border: 1px solid ${o.COLORS.stroke.primary};
+		background-color: ${o.COLORS.surface.subdued};
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -224,12 +224,12 @@
 			align-items: center;
 			justify-content: space-between;
 			position: absolute;
-			width: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:108}px;
-			height: ${e=>e.mediaType===o.MEDIA_TYPES.POST?148:180}px;
+			width: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:108}px;
+			height: ${e=>e.mediaType===t.MEDIA_TYPES.POST?148:180}px;
 			a {
 				text-decoration: none;
 			}
 		}
 	}
-`;exports.PostIgPicker=_;exports.ReelIgPicker=U;exports.StoryIgPicker=V;
+`;exports.PostIgPicker=$;exports.ReelIgPicker=_;exports.StoryIgPicker=U;
 //# sourceMappingURL=IgPicker.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST || mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","formattedData","item","formatTimestamp","date","inputDate","month","day","year","handleSelection","selection","handlePostPicker","handlePickerClose","handleDeleteSelection","id","updatedMedia","media","generateTitle","mediaType","MEDIA_TYPES","jsxDEV","IgPickerStyled","Sc.ButtonCustomDashedBorder","this","PlusIcon","COLORS","BodySecondary","unCamelCase","ProductCard","InstagramIcon","BodyPrimary","PRIMARY","BodyCaption","CrossIcon","PostPicker","PostIgPicker","ReelIgPicker","StoryIgPicker","styled"],"mappings":"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"}
+{"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST || mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","formattedData","item","formatTimestamp","date","inputDate","month","day","year","handleSelection","selection","handlePostPicker","handlePickerClose","handleDeleteSelection","id","updatedMedia","media","generateTitle","mediaType","MEDIA_TYPES","jsxDEV","IgPickerStyled","Sc.ButtonCustomDashedBorder","this","PlusIcon","COLORS","BodySecondary","unCamelCase","ProductCard","InstagramIcon","BodyPrimary","PRIMARY","BodyCaption","CrossIcon","PostPicker","PostIgPicker","ReelIgPicker","StoryIgPicker","styled"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),l=require("react"),N=require("styled-components"),v=require("../../../../input/context/InputStyleProvider.js"),d=require("../../../types/QueryBuilderEnum.type.js"),j=require("../../InputLoader.js"),C=require("../../../../input/Input.js"),I=require("../../../../dropdown/Dropdown.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},T=k(N),D=T.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),l=require("react"),v=require("styled-components"),D=require("../../../../input/context/InputStyleProvider.js"),c=require("../../../types/QueryBuilderEnum.type.js"),C=require("../../InputLoader.js"),h=require("../../../../input/Input.js"),w=require("../../../../dropdown/Dropdown.js"),I=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},T=I(v),j=T.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
-`,m=e=>e===d.QueryBuilderConnectorType.exactly||e===d.QueryBuilderConnectorType.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],B=({val:e,onChange:o,errors:p,isLoading:f,disabled:a,connectorType:r})=>{const[y,b]=l.useState(m(r)),h=e?.[1]??"days",c=e?.[0]??"1";return l.useEffect(()=>{const n=m(r),x=n.map(s=>s.value),u=e?.[1]??"days",i=x.includes(u)?u:"days";b(n.map(s=>({...s,selected:i===s.value}))),i!==u&&o?.([e?.[0]??"1",i])},[r,e]),l.useEffect(()=>{if(typeof e?.[0]>"u"){const n=e?.[1]??"days";o?.(["1",n])}},[]),f?t.jsxDEV("div",{style:{width:200},children:t.jsxDEV(j.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:81,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:80,columnNumber:4},void 0):t.jsxDEV(v.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:t.jsxDEV(D,{children:[t.jsxDEV(C.Input,{type:"number",variant:"small",state:a?"disabled":"none",errorMessage:p?.val,value:c,onChangeText:n=>o?.([n,h])},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:95,columnNumber:5},void 0),t.jsxDEV(I.Dropdown,{disabled:a,placeHolder:"Time",width:"108px",size:"small",options:y,onSelect:n=>{o?.([c,n.value])}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:103,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:94,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:87,columnNumber:3},void 0)},E=e=>t.jsxDEV(B,{...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:119,columnNumber:2},void 0);exports.default=E;
+`,m=e=>e===c.QueryBuilderConnectorType.exactly||e===c.QueryBuilderConnectorType.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],B=({val:e,onChange:s,errors:p,isLoading:y,disabled:a,connectorType:r})=>{const[f,b]=l.useState(m(r)),x=e?.[1]??"days",d=e?.[0]??"1";return l.useEffect(()=>{const n=m(r),N=n.map(t=>t.value),i=e?.[1]??"days",u=N.includes(i)?i:"days";b(n.map(t=>({...t,selected:u===t.value}))),u!==i&&s?.([e?.[0]??"1",u])},[r,e]),l.useEffect(()=>{if(typeof e?.[0]>"u"){const n=e?.[1]??"days";s?.(["1",n])}},[]),y?o.jsxDEV("div",{style:{width:200},children:o.jsxDEV(C.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:81,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:80,columnNumber:4},void 0):o.jsxDEV(D.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:o.jsxDEV(j,{children:[o.jsxDEV(h.Input,{type:"number",variant:"small",state:a?"disabled":"none",errorMessage:p?.val,value:d,onChangeText:n=>s?.([n,x])},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:95,columnNumber:5},void 0),o.jsxDEV(w.Dropdown,{disabled:a,placeHolder:"Time",width:"108px",size:"small",options:f,onSelect:n=>{s?.([d,n.value])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:103,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:94,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:87,columnNumber:3},void 0)},E=e=>o.jsxDEV(B,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx",lineNumber:119,columnNumber:2},void 0);exports.default=E;
 //# sourceMappingURL=InTheLast.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js.map

@@ -1 +1 @@
-{"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly ||\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","styled","timeOptions","connectorType","QueryBuilderConnectorType","InTheLast","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","num","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","op","jsxDEV","InputLoader","this","InputStyleContext","Input","text","Dropdown","option","InTheLastWrapper","props"],"mappings":"gfAUMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMnBC,EAAeC,GAEnBA,IAAkBC,EAAAA,0BAA0B,SAC5CD,IAAkBC,EAAAA,0BAA0B,aAErC,CACN,CACC,MAAO,SACP,MAAO,MAAA,CACR,EAGM,CACN,CACC,MAAO,SACP,MAAO,MAAA,EAER,CAAE,MAAO,YAAa,MAAO,SAAA,EAC7B,CAAE,MAAO,UAAW,MAAO,OAAA,CAAQ,EAKhCC,EAA+C,CAAC,CACrD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAP,CACD,IAAM,CACL,KAAM,CAACQ,EAASC,CAAU,EAAIC,EAAAA,SAASX,EAAYC,CAAa,CAAC,EAE3DW,EAAOR,IAAM,CAAC,GAAK,OACnBS,EAAMT,IAAM,CAAC,GAAK,IA2BxB,OAzBAU,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAaf,EAAYC,CAAa,EACtCe,EAAgBD,EAAW,IAAKE,GAAMA,EAAE,KAAK,EAC7CC,EAAcd,IAAM,CAAC,GAAK,OAC1Be,EAAiBH,EAAc,SAASE,CAAW,EACtDA,EACA,OACHR,EACCK,EAAW,IAAKK,IAAQ,CACvB,GAAGA,EACH,SAAUD,IAAmBC,EAAG,KAAA,EAC/B,CAAA,EAECD,IAAmBD,GACtBb,IAAW,CAACD,IAAM,CAAC,GAAK,IAAKe,CAAc,CAAC,CAE9C,EAAG,CAAClB,EAAeG,CAAG,CAAC,EAEvBU,EAAAA,UAAU,IAAM,CACf,GAAI,OAAOV,IAAM,CAAC,EAAM,IAAa,CACpC,MAAMQ,EAAOR,IAAM,CAAC,GAAK,OACzBC,IAAW,CAAC,IAAKO,CAAI,CAAC,CACvB,CACD,EAAG,CAAA,CAAE,EAEDL,EAEFc,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,kBAAC1B,EAAA,CACA,SAAA,CAAAuB,EAAAA,OAACI,EAAAA,MAAA,CACA,KAAK,SACL,QAAQ,QACR,MAAOjB,EAAW,WAAa,OAC/B,aAAcF,GAAQ,IACtB,MAAOO,EACP,aAAea,GAASrB,IAAW,CAACqB,EAAMd,CAAI,CAAC,CAAA,EANhD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAQAF,EAAAA,OAACM,EAAAA,SAAA,CACA,SAAAnB,EACA,YAAY,OACZ,MAAM,QACN,KAAK,QACL,QAAAC,EACA,SAAWmB,GAAW,CACrBvB,IAAW,CAACQ,EAAMe,EAAwB,KAAK,CAAC,CACjD,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,IAAA,aAAA,CAAA,EAAAL,MAAA,CASA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,EA1BD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BF,EAEMM,EAAoBC,GACzBT,SAAClB,EAAA,CAAW,GAAG2B,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,IAAA,aAAA,CAAA,EAAAP,MAAsB"}
+{"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly ||\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","styled","timeOptions","connectorType","QueryBuilderConnectorType","InTheLast","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","num","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","op","jsxDEV","InputLoader","this","InputStyleContext","Input","text","Dropdown","option","InTheLastWrapper","props"],"mappings":"gfAUMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMnBC,EAAeC,GAEnBA,IAAkBC,EAAAA,0BAA0B,SAC5CD,IAAkBC,EAAAA,0BAA0B,aAErC,CACN,CACC,MAAO,SACP,MAAO,MAAA,CACR,EAGM,CACN,CACC,MAAO,SACP,MAAO,MAAA,EAER,CAAE,MAAO,YAAa,MAAO,SAAA,EAC7B,CAAE,MAAO,UAAW,MAAO,OAAA,CAAQ,EAKhCC,EAA+C,CAAC,CACrD,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAP,CACD,IAAM,CACL,KAAM,CAACQ,EAASC,CAAU,EAAIC,EAAAA,SAASX,EAAYC,CAAa,CAAC,EAE3DW,EAAOR,IAAM,CAAC,GAAK,OACnBS,EAAMT,IAAM,CAAC,GAAK,IA2BxB,OAzBAU,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAaf,EAAYC,CAAa,EACtCe,EAAgBD,EAAW,IAAKE,GAAMA,EAAE,KAAK,EAC7CC,EAAcd,IAAM,CAAC,GAAK,OAC1Be,EAAiBH,EAAc,SAASE,CAAW,EACtDA,EACA,OACHR,EACCK,EAAW,IAAKK,IAAQ,CACvB,GAAGA,EACH,SAAUD,IAAmBC,EAAG,KAAA,EAC/B,CAAA,EAECD,IAAmBD,GACtBb,IAAW,CAACD,IAAM,CAAC,GAAK,IAAKe,CAAc,CAAC,CAE9C,EAAG,CAAClB,EAAeG,CAAG,CAAC,EAEvBU,EAAAA,UAAU,IAAM,CACf,GAAI,OAAOV,IAAM,CAAC,EAAM,IAAa,CACpC,MAAMQ,EAAOR,IAAM,CAAC,GAAK,OACzBC,IAAW,CAAC,IAAKO,CAAI,CAAC,CACvB,CACD,EAAG,CAAA,CAAE,EAEDL,EAEFc,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,kBAAC1B,EAAA,CACA,SAAA,CAAAuB,EAAAA,OAACI,EAAAA,MAAA,CACA,KAAK,SACL,QAAQ,QACR,MAAOjB,EAAW,WAAa,OAC/B,aAAcF,GAAQ,IACtB,MAAOO,EACP,aAAea,GAASrB,IAAW,CAACqB,EAAMd,CAAI,CAAC,CAAA,EANhD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAQAF,EAAAA,OAACM,EAAAA,SAAA,CACA,SAAAnB,EACA,YAAY,OACZ,MAAM,QACN,KAAK,QACL,QAAAC,EACA,SAAWmB,GAAW,CACrBvB,IAAW,CAACQ,EAAMe,EAAwB,KAAK,CAAC,CACjD,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,IAAA,aAAA,CAAA,EAAAL,MAAA,CASA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,EA1BD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BF,EAEMM,EAAoBC,GACzBT,SAAClB,EAAA,CAAW,GAAG2B,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,IAAA,aAAA,CAAA,EAAAP,MAAsB"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),o=require("../../../../TypographyStyle.js"),r=require("./InTheLast.js"),s=n=>e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12,alignItems:"center"},children:[e.jsxDEV(r.default,{...n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:16,columnNumber:4},void 0),e.jsxDEV(o.BodySecondary,{children:"Ago"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:8,columnNumber:3},void 0),t=n=>e.jsxDEV(s,{...n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:23,columnNumber:2},void 0);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),o=require("../../../../TypographyStyle.js"),s=require("./InTheLast.js"),r=n=>e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12,alignItems:"center"},children:[e.jsxDEV(s.default,{...n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:16,columnNumber:4},void 0),e.jsxDEV(o.BodySecondary,{children:"Ago"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:8,columnNumber:3},void 0),t=n=>e.jsxDEV(r,{...n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx",lineNumber:23,columnNumber:2},void 0);exports.default=t;
 //# sourceMappingURL=InTheLastAgo.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.js.map

@@ -1 +1 @@
-{"version":3,"file":"InTheLastAgo.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx"],"sourcesContent":["import React from 'react';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InTheLast from './InTheLast';\n\nconst InTheLastAgo: React.FC<ConnectorComponentProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tgap: 12,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<InTheLast {...props} />\n\t\t\t<BodySecondary>Ago</BodySecondary>\n\t\t</div>\n\t);\n};\n\nconst InTheLastAgoWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLastAgo {...props} />\n);\n\nexport default InTheLastAgoWrapper;\n"],"names":["InTheLastAgo","props","jsxDEV","InTheLast","this","BodySecondary","InTheLastAgoWrapper"],"mappings":"6NAKMA,EAAmDC,GAEvDC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,GACL,WAAY,QAAA,EAGb,SAAA,CAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAW,GAAGF,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAsB,EACtBF,EAAAA,OAACG,EAAAA,eAAc,SAAA,KAAA,EAAf,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAkB,CAAA,CAAA,EATnB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAAA,EAcIE,EAAuBL,GAC5BC,SAACF,EAAA,CAAc,GAAGC,CAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAyB"}
+{"version":3,"file":"InTheLastAgo.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.tsx"],"sourcesContent":["import React from 'react';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InTheLast from './InTheLast';\n\nconst InTheLastAgo: React.FC<ConnectorComponentProps> = (props) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tgap: 12,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<InTheLast {...props} />\n\t\t\t<BodySecondary>Ago</BodySecondary>\n\t\t</div>\n\t);\n};\n\nconst InTheLastAgoWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLastAgo {...props} />\n);\n\nexport default InTheLastAgoWrapper;\n"],"names":["InTheLastAgo","props","jsxDEV","InTheLast","this","BodySecondary","InTheLastAgoWrapper"],"mappings":"6NAKMA,EAAmDC,GAEvDC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,GACL,WAAY,QAAA,EAGb,SAAA,CAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAW,GAAGF,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAsB,EACtBF,EAAAA,OAACG,EAAAA,eAAc,SAAA,KAAA,EAAf,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAkB,CAAA,CAAA,EATnB,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAAA,EAcIE,EAAuBL,GAC5BC,SAACF,EAAA,CAAc,GAAGC,CAAA,EAAlB,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAyB"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),p=require("react"),k=require("styled-components"),w=require("../../../../input/context/InputStyleProvider.js"),b=require("../../../types/QueryBuilderEnum.type.js"),I=require("../../../../TypographyStyle.js"),T=require("../../InputLoader.js"),x=require("../../../../input/Input.js"),D=require("../../../../dropdown/Dropdown.js"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=B(k),L=E.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),p=require("react"),I=require("styled-components"),T=require("../../../../input/context/InputStyleProvider.js"),b=require("../../../types/QueryBuilderEnum.type.js"),B=require("../../../../TypographyStyle.js"),j=require("../../InputLoader.js"),w=require("../../../../input/Input.js"),E=require("../../../../dropdown/Dropdown.js"),L=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Q=L(I),S=Q.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	align-items: center;
-`,N=e=>e?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],P=({val:e,onChange:o,errors:y,isLoading:h,disabled:u,connectorType:i})=>{const j=i===b.QueryBuilderConnectorType.dateDaysOnly,[C,v]=p.useState(N(j)),f=e?.type??"days",a=e?.start??"1",c=e?.offset??"2";return p.useEffect(()=>{const t=i===b.QueryBuilderConnectorType.dateDaysOnly,s=N(t),l=s.map(r=>r.value),m=e?.type??"days",d=l.includes(m)?m:"days";v(s.map(r=>({...r,selected:d===r.value}))),d!==m&&o?.({type:d,start:e?.start??"1",offset:e?.offset??"2"})},[i,e]),p.useEffect(()=>{if(typeof e?.start>"u"){const t=e?.type??"days",s=e?.start??"1",l=e?.offset??"2";o?.({type:t,start:s,offset:l})}},[]),h?n.jsxDEV("div",{style:{width:200},children:n.jsxDEV(T.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:89,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:88,columnNumber:4},void 0):n.jsxDEV(w.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:n.jsxDEV(L,{children:[n.jsxDEV(x.Input,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:y?.val,value:c.toString(),onChangeText:t=>o?.({type:f,start:a,offset:t})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:103,columnNumber:5},void 0),n.jsxDEV("div",{children:n.jsxDEV(I.BodySecondary,{children:"to"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:118,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:117,columnNumber:5},void 0),n.jsxDEV(x.Input,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:y?.val,value:a.toString(),onChangeText:t=>o?.({type:f,start:t,offset:c})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:120,columnNumber:5},void 0),n.jsxDEV(D.Dropdown,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:C,onSelect:t=>{o?.({type:t.value,start:a,offset:c})}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:134,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:102,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:95,columnNumber:3},void 0)},Q=e=>n.jsxDEV(P,{...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:156,columnNumber:52},void 0);exports.default=Q;
+`,x=e=>e?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],V=({val:e,onChange:s,errors:y,isLoading:N,disabled:i,connectorType:a})=>{const D=a===b.QueryBuilderConnectorType.dateDaysOnly,[C,v]=p.useState(x(D)),f=e?.type??"days",l=e?.start??"1",u=e?.offset??"2";return p.useEffect(()=>{const o=a===b.QueryBuilderConnectorType.dateDaysOnly,t=x(o),d=t.map(r=>r.value),c=e?.type??"days",m=d.includes(c)?c:"days";v(t.map(r=>({...r,selected:m===r.value}))),m!==c&&s?.({type:m,start:e?.start??"1",offset:e?.offset??"2"})},[a,e]),p.useEffect(()=>{if(typeof e?.start>"u"){const o=e?.type??"days",t=e?.start??"1",d=e?.offset??"2";s?.({type:o,start:t,offset:d})}},[]),N?n.jsxDEV("div",{style:{width:200},children:n.jsxDEV(j.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:89,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:88,columnNumber:4},void 0):n.jsxDEV(T.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:n.jsxDEV(S,{children:[n.jsxDEV(w.Input,{type:"number",variant:"small",state:i?"disabled":"none",errorMessage:y?.val,value:u.toString(),onChangeText:o=>s?.({type:f,start:l,offset:o})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:103,columnNumber:5},void 0),n.jsxDEV("div",{children:n.jsxDEV(B.BodySecondary,{children:"to"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:118,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:117,columnNumber:5},void 0),n.jsxDEV(w.Input,{type:"number",variant:"small",state:i?"disabled":"none",errorMessage:y?.val,value:l.toString(),onChangeText:o=>s?.({type:f,start:o,offset:u})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:120,columnNumber:5},void 0),n.jsxDEV(E.Dropdown,{disabled:i,placeHolder:"Time",width:"108px",size:"small",options:C,onSelect:o=>{s?.({type:o.value,start:l,offset:u})}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:134,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:102,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:95,columnNumber:3},void 0)},k=e=>n.jsxDEV(V,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx",lineNumber:156,columnNumber:52},void 0);exports.default=k;
 //# sourceMappingURL=InTwoLast.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js.map

@@ -1 +1 @@
-{"version":3,"file":"InTwoLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\talign-items: center;\n`;\n\nconst timeOptions = (daysOnly: boolean) => {\n\tif (daysOnly) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t}\n\treturn [\n\t\t{\n\t\t\tlabel: 'day(s)',\n\t\t\tvalue: 'days',\n\t\t},\n\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t{ label: 'hour(s)', value: 'hours' },\n\t];\n};\n\nconst InTwoLast: React.FC<\n\tOmit<ConnectorComponentProps, 'val'> & {\n\t\tval: { type: string; start: string | number; offset: string | number };\n\t}\n> = ({ val, onChange, errors, isLoading, disabled, connectorType }) => {\n\tconst isDaysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\tconst [options, setOptions] = useState(timeOptions(isDaysOnly));\n\n\tconst type = val?.type ?? 'days';\n\tconst start = val?.start ?? '1';\n\tconst offset = val?.offset ?? '2';\n\n\tuseEffect(() => {\n\t\tconst daysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\t\tconst newOptions = timeOptions(daysOnly);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentType = val?.type ?? 'days';\n\t\tconst normalizedType = allowedValues.includes(currentType)\n\t\t\t? currentType\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedType === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedType !== currentType) {\n\t\t\tonChange?.({\n\t\t\t\ttype: normalizedType,\n\t\t\t\tstart: val?.start ?? '1',\n\t\t\t\toffset: val?.offset ?? '2',\n\t\t\t});\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.start === 'undefined') {\n\t\t\tconst type = val?.type ?? 'days';\n\t\t\tconst start = val?.start ?? '1';\n\t\t\tconst offset = val?.offset ?? '2';\n\t\t\tonChange?.({\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\toffset,\n\t\t\t});\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={offset.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset: text,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<BodySecondary>to</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={start.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart: text,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype: (option as SingleOption).value,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <InTwoLast {...props} />;\n"],"names":["Container","styled","timeOptions","daysOnly","InTwoLast","val","onChange","errors","isLoading","disabled","connectorType","isDaysOnly","QueryBuilderConnectorType","options","setOptions","useState","type","start","offset","useEffect","newOptions","allowedValues","o","currentType","normalizedType","op","jsxDEV","InputLoader","this","InputStyleContext","Input","text","BodySecondary","Dropdown","option","props"],"mappings":"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"}
+{"version":3,"file":"InTwoLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\talign-items: center;\n`;\n\nconst timeOptions = (daysOnly: boolean) => {\n\tif (daysOnly) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t}\n\treturn [\n\t\t{\n\t\t\tlabel: 'day(s)',\n\t\t\tvalue: 'days',\n\t\t},\n\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t{ label: 'hour(s)', value: 'hours' },\n\t];\n};\n\nconst InTwoLast: React.FC<\n\tOmit<ConnectorComponentProps, 'val'> & {\n\t\tval: { type: string; start: string | number; offset: string | number };\n\t}\n> = ({ val, onChange, errors, isLoading, disabled, connectorType }) => {\n\tconst isDaysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\tconst [options, setOptions] = useState(timeOptions(isDaysOnly));\n\n\tconst type = val?.type ?? 'days';\n\tconst start = val?.start ?? '1';\n\tconst offset = val?.offset ?? '2';\n\n\tuseEffect(() => {\n\t\tconst daysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\t\tconst newOptions = timeOptions(daysOnly);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentType = val?.type ?? 'days';\n\t\tconst normalizedType = allowedValues.includes(currentType)\n\t\t\t? currentType\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedType === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedType !== currentType) {\n\t\t\tonChange?.({\n\t\t\t\ttype: normalizedType,\n\t\t\t\tstart: val?.start ?? '1',\n\t\t\t\toffset: val?.offset ?? '2',\n\t\t\t});\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.start === 'undefined') {\n\t\t\tconst type = val?.type ?? 'days';\n\t\t\tconst start = val?.start ?? '1';\n\t\t\tconst offset = val?.offset ?? '2';\n\t\t\tonChange?.({\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\toffset,\n\t\t\t});\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={offset.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset: text,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<BodySecondary>to</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={start.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart: text,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype: (option as SingleOption).value,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <InTwoLast {...props} />;\n"],"names":["Container","styled","timeOptions","daysOnly","InTwoLast","val","onChange","errors","isLoading","disabled","connectorType","isDaysOnly","QueryBuilderConnectorType","options","setOptions","useState","type","start","offset","useEffect","newOptions","allowedValues","o","currentType","normalizedType","op","jsxDEV","InputLoader","this","InputStyleContext","Input","text","BodySecondary","Dropdown","option","props"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),i=require("../../../../input/context/InputStyleProvider.js"),u=require("../../InputLoader.js"),l=require("../../../../input/Input.js"),c=({val:n,onChange:o,errors:r,isLoading:t,disabled:s})=>t?e.jsxDEV("div",{style:{width:200},children:e.jsxDEV(u.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:17,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:16,columnNumber:4},void 0):e.jsxDEV(i.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxDEV("div",{children:e.jsxDEV(l.Input,{type:"number",variant:"small",state:s?"disabled":"none",errorMessage:r?.val,value:n?.toString(),onChangeText:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:31,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:30,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:23,columnNumber:3},void 0),m=n=>e.jsxDEV(c,{...n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:45,columnNumber:2},void 0);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),t=require("../../../../input/context/InputStyleProvider.js"),l=require("../../InputLoader.js"),u=require("../../../../input/Input.js"),a=({val:n,onChange:o,errors:r,isLoading:s,disabled:i})=>s?e.jsxDEV("div",{style:{width:200},children:e.jsxDEV(l.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:17,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:16,columnNumber:4},void 0):e.jsxDEV(t.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxDEV("div",{children:e.jsxDEV(u.Input,{type:"number",variant:"small",state:i?"disabled":"none",errorMessage:r?.val,value:n?.toString(),onChangeText:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:31,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:30,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:23,columnNumber:3},void 0),d=n=>e.jsxDEV(a,{...n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx",lineNumber:45,columnNumber:2},void 0);exports.default=d;
 //# sourceMappingURL=IntegerPositiveSingle.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerPositiveSingle {...props} />\n);\n"],"names":["IntegerPositiveSingle","val","onChange","errors","isLoading","disabled","jsxDEV","InputLoader","this","InputStyleContext","Input","props"],"mappings":"4RAMMA,EAA2D,CAAC,CACjE,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,CACD,IACKD,EAEFE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,kBAAC,MAAA,CACA,SAAAH,EAAAA,OAACI,EAAAA,MAAA,CACA,KAAK,SACL,QAAQ,QACR,MAAOL,EAAW,WAAa,OAC/B,aAAcF,GAAQ,IACtB,MAAOF,GAAK,SAAA,EACZ,aAAcC,CAAA,EANf,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAqBFR,EAAgBW,GACfL,EAAAA,OAACN,EAAA,CAAuB,GAAGW,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkC"}
+{"version":3,"file":"IntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerPositiveSingle {...props} />\n);\n"],"names":["IntegerPositiveSingle","val","onChange","errors","isLoading","disabled","jsxDEV","InputLoader","this","InputStyleContext","Input","props"],"mappings":"4RAMMA,EAA2D,CAAC,CACjE,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,CACD,IACKD,EAEFE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,kBAAC,MAAA,CACA,SAAAH,EAAAA,OAACI,EAAAA,MAAA,CACA,KAAK,SACL,QAAQ,QACR,MAAOL,EAAW,WAAa,OAC/B,aAAcF,GAAQ,IACtB,MAAOF,GAAK,SAAA,EACZ,aAAcC,CAAA,EANf,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAqBFR,EAAgBW,GACfL,EAAAA,OAACN,EAAA,CAAuB,GAAGW,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkC"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),i=require("../../../../input/context/InputStyleProvider.js"),u=require("../../InputLoader.js"),l=require("../../../../input/Input.js"),c=({val:n,onChange:r,errors:o,nativeID:m,isLoading:t,disabled:s})=>t?e.jsxDEV("div",{style:{width:200},children:e.jsxDEV(u.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:18,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:17,columnNumber:4},void 0):e.jsxDEV(i.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxDEV("div",{children:e.jsxDEV("div",{children:e.jsxDEV(l.Input,{state:s?"disabled":"none",type:"number",variant:"small",errorMessage:o?.val,value:n?.toString(),onChangeText:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:33,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:32,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:31,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:24,columnNumber:3},void 0),a=n=>e.jsxDEV(c,{...n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:48,columnNumber:2},void 0);exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),t=require("../../../../input/context/InputStyleProvider.js"),l=require("../../InputLoader.js"),u=require("../../../../input/Input.js"),a=({val:n,onChange:o,errors:r,nativeID:m,isLoading:s,disabled:i})=>s?e.jsxDEV("div",{style:{width:200},children:e.jsxDEV(l.default,{containerStyle:{padding:"5px 8px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:18,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:17,columnNumber:4},void 0):e.jsxDEV(t.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxDEV("div",{children:e.jsxDEV("div",{children:e.jsxDEV(u.Input,{state:i?"disabled":"none",type:"number",variant:"small",errorMessage:r?.val,value:n?.toString(),onChangeText:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:33,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:32,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:31,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:24,columnNumber:3},void 0),d=n=>e.jsxDEV(a,{...n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx",lineNumber:48,columnNumber:2},void 0);exports.default=d;
 //# sourceMappingURL=IntegerSingleValue.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerSingleValue {...props} />\n);\n"],"names":["IntegerSingleValue","val","onChange","errors","nativeID","isLoading","disabled","jsxDEV","InputLoader","this","InputStyleContext","Input","props"],"mappings":"4RAMMA,EAAwD,CAAC,CAC9D,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,CACD,IACKD,EAEFE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,SAAAH,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACI,EAAAA,MAAA,CACA,MAAOL,EAAW,WAAa,OAC/B,KAAK,SACL,QAAQ,QACR,aAAcH,GAAQ,IACtB,MAAOF,GAAK,SAAA,EACZ,aAAcC,CAAA,EANf,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAuBFT,EAAgBY,GACfL,EAAAA,OAACP,EAAA,CAAoB,GAAGY,CAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,2IAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA+B"}
+{"version":3,"file":"IntegerSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerSingleValue {...props} />\n);\n"],"names":["IntegerSingleValue","val","onChange","errors","nativeID","isLoading","disabled","jsxDEV","InputLoader","this","InputStyleContext","Input","props"],"mappings":"4RAMMA,EAAwD,CAAC,CAC9D,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,CACD,IACKD,EAEFE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAO,GAAA,EACpB,SAAAA,EAAAA,OAACC,EAAAA,QAAA,CAAY,eAAgB,CAAE,QAAS,UAAU,EAAlD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAKDF,EAAAA,OAACG,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,MAAO,GAAA,CACR,EAGD,SAAAH,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACI,EAAAA,MAAA,CACA,MAAOL,EAAW,WAAa,OAC/B,KAAK,SACL,QAAQ,QACR,aAAcH,GAAQ,IACtB,MAAOF,GAAK,SAAA,EACZ,aAAcC,CAAA,EANf,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAuBFT,EAAgBY,GACfL,EAAAA,OAACP,EAAA,CAAoB,GAAGY,CAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA+B"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-dev-runtime"),d=require("react"),x=require("../../DropdownWrapper.js"),F=({onChange:c,extra:o,val:m,isLoading:p,errors:f,disabled:b,onSearch:h,optionsErrorState:v,onRetryOptionsFetch:y})=>{const[D,j]=d.useState([]),t=m;function k(s){if(Array.isArray(s)){const i=s,n=[];i.forEach(e=>{e.options?e.options?.forEach(r=>{n.push({name:r.label,id:r.value})}):n.push({name:e.label??"",id:e.value})}),c?.(n)}}return d.useEffect(()=>{const s=o?.options?Array.isArray(o.options)?o.options.filter(e=>!!Object.keys(e).length).map(e=>({selected:!!t?.find(l=>l.id===e.id),label:e.name,value:e.id})):[]:[],i=t?.map(e=>e.id)??[],n=[...s.filter(e=>!i.includes(e.value))].concat((t??[]).map(e=>({value:e.id,label:e.name})));t?.forEach(({name:e,id:r})=>{const l=n.findIndex(a=>a.value===r&&a.label===e);l!==-1&&(n[l].selected=!0)}),j([...n])},[o,t]),u.jsxDEV("div",{children:u.jsxDEV(x.default,{onSearch:h,disabled:b,allowFreeForm:o?.freeForm??!0,isSearchable:!0,isLoading:p,optionsErrorState:v,onRetryOptionsFetch:y,error:f?.val,isMultiSelect:!0,options:D,onSelect:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:97,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:96,columnNumber:3},void 0)},N=c=>u.jsxDEV(F,{...c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:120,columnNumber:2},void 0);exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-dev-runtime"),d=require("react"),F=require("../../DropdownWrapper.js"),N=({onChange:i,extra:o,val:m,isLoading:p,errors:f,disabled:b,onSearch:v,optionsErrorState:y,onRetryOptionsFetch:D})=>{const[h,w]=d.useState([]),s=m;function x(t){if(Array.isArray(t)){const a=t,n=[];a.forEach(e=>{e.options?e.options?.forEach(r=>{n.push({name:r.label,id:r.value})}):n.push({name:e.label??"",id:e.value})}),i?.(n)}}return d.useEffect(()=>{const t=o?.options?Array.isArray(o.options)?o.options.filter(e=>!!Object.keys(e).length).map(e=>({selected:!!s?.find(l=>l.id===e.id),label:e.name,value:e.id})):[]:[],a=s?.map(e=>e.id)??[],n=[...t.filter(e=>!a.includes(e.value))].concat((s??[]).map(e=>({value:e.id,label:e.name})));s?.forEach(({name:e,id:r})=>{const l=n.findIndex(u=>u.value===r&&u.label===e);l!==-1&&(n[l].selected=!0)}),w([...n])},[o,s]),c.jsxDEV("div",{children:c.jsxDEV(F.default,{onSearch:v,disabled:b,allowFreeForm:o?.freeForm??!0,isSearchable:!0,isLoading:p,optionsErrorState:y,onRetryOptionsFetch:D,error:f?.val,isMultiSelect:!0,options:h,onSelect:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:97,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:96,columnNumber:3},void 0)},C=i=>c.jsxDEV(N,{...i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx",lineNumber:120,columnNumber:2},void 0);exports.default=C;
 //# sourceMappingURL=MultiselectDropdownFreeText.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst MultiselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(optionListArg)) {\n\t\t\tconst optionList = optionListArg as DropdownOption[];\n\t\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\t\toptionList.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options?.forEach((op) => {\n\t\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\t\tname: op.label,\n\t\t\t\t\t\t\tid: op.value,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\tname: option.label ?? '',\n\t\t\t\t\t\tid: (option as SingleOption).value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t/** this will be true always */\n\t\t\tonChange?.(optionsToPass);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find((op) => op.id === option.id);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tonSearch={\n\t\t\t\t\tonSearch as\n\t\t\t\t\t\t| ((searchKey: string) => Promise<DropdownOption[]>)\n\t\t\t\t\t\t| undefined\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={extra?.freeForm ?? true}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<MultiselectDropdownFreeText {...props} />\n);\n"],"names":["MultiselectDropdownFreeText","onChange","extra","values","isLoading","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","val","handleOnSelect","optionListArg","optionList","optionsToPass","option","op","useEffect","newOptions","allValIds","v","toAddFromVal","name","id","valPresent","jsxDEV","DropdownWrapper","this","props"],"mappings":"8MAaMA,EAAiE,CAAC,CACvE,SAAAC,EACA,MAAAC,EACA,IAAKC,EACL,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,oBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAsB,CAAA,CAAE,EAChDC,EAAMV,EAEZ,SAASW,EAAeC,EAAkD,CACzE,GAAI,MAAM,QAAQA,CAAa,EAAG,CACjC,MAAMC,EAAaD,EACbE,EAAuC,CAAA,EAE7CD,EAAW,QAASE,GAAW,CACzBA,EAAyB,QAC5BA,EAAyB,SAAS,QAASC,GAAO,CAClDF,EAAc,KAAK,CAClB,KAAME,EAAG,MACT,GAAIA,EAAG,KAAA,CACP,CACF,CAAC,EAEDF,EAAc,KAAK,CAClB,KAAMC,EAAO,OAAS,GACtB,GAAKA,EAAwB,KAAA,CAC7B,CAEH,CAAC,EAGDjB,IAAWgB,CAAa,CACzB,CACD,CAEAG,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAA+BnB,GAAO,QACzC,MAAM,QAAQA,EAAM,OAAO,EACzBA,EAAM,QACN,OAAQgB,GAAW,CAAC,CAAC,OAAO,KAAKA,CAAM,EAAE,MAAM,EAC/C,IAAKA,IAEE,CACN,SAAU,CAAC,CAFML,GAAK,KAAMM,GAAOA,EAAG,KAAOD,EAAO,EAAE,EAGtD,MAAOA,EAAO,KACd,MAAOA,EAAO,EAAA,EAEf,EACD,CAAA,EACD,CAAA,EAEGI,EAAYT,GAAK,IAAKU,GAAMA,EAAE,EAAE,GAAK,CAAA,EAErCC,EAAiC,CACtC,GAAGH,EAAW,OACZE,GAAM,CAACD,EAAU,SAAUC,EAAmB,KAAK,CAAA,CACrD,EACC,QACAV,GAAO,CAAA,GAAI,IACVU,IAAO,CAAE,MAAOA,EAAE,GAAI,MAAOA,EAAE,IAAA,EAAK,CACtC,EAGDV,GAAK,QAAQ,CAAC,CAAE,KAAAY,EAAM,GAAAC,KAAS,CAC9B,MAAMC,EAAaH,EAAa,UAAWN,GAClCA,EAAwB,QAAUQ,GAAMR,EAAO,QAAUO,CACjE,EAEGE,IAAe,KACjBH,EAAaG,CAAU,EAAmB,SAAW,GAExD,CAAC,EAEDhB,EAAW,CAAC,GAAGa,CAAY,CAAC,CAC7B,EAAG,CAACtB,EAAOW,CAAG,CAAC,WAGb,MAAA,CACA,SAAAe,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAAtB,EAKA,SAAAD,EACA,cAAeJ,GAAO,UAAY,GAClC,aAAY,GACZ,UAAAE,EACA,kBAAAI,EACA,oBAAAC,EACA,MAAOJ,GAAQ,IACf,cAAa,GACb,QAAAK,EACA,SAAUI,CAAA,EAfX,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,CAgBA,EAjBD,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAEF,EAGA9B,EAAgB+B,GACfH,EAAAA,OAAC5B,EAAA,CAA6B,GAAG+B,CAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,IAAA,aAAA,CAAA,EAAAD,MAAwC"}
+{"version":3,"file":"MultiselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst MultiselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(optionListArg)) {\n\t\t\tconst optionList = optionListArg as DropdownOption[];\n\t\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\t\toptionList.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options?.forEach((op) => {\n\t\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\t\tname: op.label,\n\t\t\t\t\t\t\tid: op.value,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\tname: option.label ?? '',\n\t\t\t\t\t\tid: (option as SingleOption).value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t/** this will be true always */\n\t\t\tonChange?.(optionsToPass);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find((op) => op.id === option.id);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tonSearch={\n\t\t\t\t\tonSearch as\n\t\t\t\t\t\t| ((searchKey: string) => Promise<DropdownOption[]>)\n\t\t\t\t\t\t| undefined\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={extra?.freeForm ?? true}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<MultiselectDropdownFreeText {...props} />\n);\n"],"names":["MultiselectDropdownFreeText","onChange","extra","values","isLoading","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","val","handleOnSelect","optionListArg","optionList","optionsToPass","option","op","useEffect","newOptions","allValIds","v","toAddFromVal","name","id","valPresent","jsxDEV","DropdownWrapper","this","props"],"mappings":"8MAaMA,EAAiE,CAAC,CACvE,SAAAC,EACA,MAAAC,EACA,IAAKC,EACL,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,oBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAsB,CAAA,CAAE,EAChDC,EAAMV,EAEZ,SAASW,EAAeC,EAAkD,CACzE,GAAI,MAAM,QAAQA,CAAa,EAAG,CACjC,MAAMC,EAAaD,EACbE,EAAuC,CAAA,EAE7CD,EAAW,QAASE,GAAW,CACzBA,EAAyB,QAC5BA,EAAyB,SAAS,QAASC,GAAO,CAClDF,EAAc,KAAK,CAClB,KAAME,EAAG,MACT,GAAIA,EAAG,KAAA,CACP,CACF,CAAC,EAEDF,EAAc,KAAK,CAClB,KAAMC,EAAO,OAAS,GACtB,GAAKA,EAAwB,KAAA,CAC7B,CAEH,CAAC,EAGDjB,IAAWgB,CAAa,CACzB,CACD,CAEAG,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAA+BnB,GAAO,QACzC,MAAM,QAAQA,EAAM,OAAO,EACzBA,EAAM,QACN,OAAQgB,GAAW,CAAC,CAAC,OAAO,KAAKA,CAAM,EAAE,MAAM,EAC/C,IAAKA,IAEE,CACN,SAAU,CAAC,CAFML,GAAK,KAAMM,GAAOA,EAAG,KAAOD,EAAO,EAAE,EAGtD,MAAOA,EAAO,KACd,MAAOA,EAAO,EAAA,EAEf,EACD,CAAA,EACD,CAAA,EAEGI,EAAYT,GAAK,IAAKU,GAAMA,EAAE,EAAE,GAAK,CAAA,EAErCC,EAAiC,CACtC,GAAGH,EAAW,OACZE,GAAM,CAACD,EAAU,SAAUC,EAAmB,KAAK,CAAA,CACrD,EACC,QACAV,GAAO,CAAA,GAAI,IACVU,IAAO,CAAE,MAAOA,EAAE,GAAI,MAAOA,EAAE,IAAA,EAAK,CACtC,EAGDV,GAAK,QAAQ,CAAC,CAAE,KAAAY,EAAM,GAAAC,KAAS,CAC9B,MAAMC,EAAaH,EAAa,UAAWN,GAClCA,EAAwB,QAAUQ,GAAMR,EAAO,QAAUO,CACjE,EAEGE,IAAe,KACjBH,EAAaG,CAAU,EAAmB,SAAW,GAExD,CAAC,EAEDhB,EAAW,CAAC,GAAGa,CAAY,CAAC,CAC7B,EAAG,CAACtB,EAAOW,CAAG,CAAC,WAGb,MAAA,CACA,SAAAe,EAAAA,OAACC,EAAAA,QAAA,CACA,SAAAtB,EAKA,SAAAD,EACA,cAAeJ,GAAO,UAAY,GAClC,aAAY,GACZ,UAAAE,EACA,kBAAAI,EACA,oBAAAC,EACA,MAAOJ,GAAQ,IACf,cAAa,GACb,QAAAK,EACA,SAAUI,CAAA,EAfX,OAAA,GAAA,CAAA,SAAA,mJAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,CAgBA,EAjBD,OAAA,GAAA,CAAA,SAAA,mJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAEF,EAGA9B,EAAgB+B,GACfH,EAAAA,OAAC5B,EAAA,CAA6B,GAAG+B,CAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,mJAAA,WAAA,IAAA,aAAA,CAAA,EAAAD,MAAwC"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),n=()=>e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/NoInput.tsx",lineNumber:2,columnNumber:9},void 0);exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),n=()=>e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/Connectors/Components/NoInput.tsx",lineNumber:2,columnNumber:9},void 0);exports.default=n;
 //# sourceMappingURL=NoInput.js.map