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

package/dist/cjs/components/data-source-panel/Modals/DescriptionModal.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("react"),x=require("styled-components"),h=require("../../../assets/icons/image.svg.js"),N=require("../../spinner/Spinner.js"),g=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},r=g(x),d=r.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("react"),x=require("styled-components"),k=require("../../../assets/icons/image.svg.js"),v=require("../../spinner/Spinner.js"),h=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},o=h(x),c=o.default.div`
 	margin: 2px;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
@@ -7,14 +7,14 @@
 		color: grey;
 		opacity: 0.6;
 	}
-`,D=r.default.div`
+`,D=o.default.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	border: 1px solid #e0e0e0;
 	border-radius: 16px;
 	padding: 8px;
-`,M=r.default.div`
+`,N=o.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -24,16 +24,16 @@
 		height: 80px;
 		width: 80px;
 	}
-`,j=r.default.div`
+`,y=o.default.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
-`,k=r.default.div`
+`,g=o.default.div`
 	height: 1px;
 	width: auto;
 	margin: 16px;
 	background: #e0e0e0;
-`,v=r.default.div`
+`,M=o.default.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
@@ -45,5 +45,5 @@
 		height: auto;
 		width: 100%;
 	}
-`,y=o=>{const{title:u,description:m,imageUrl:s}=o,[a,p]=t.useState(!1),[f,l]=t.useState(!1);async function b(c){return new Promise(n=>{const i=new Image;i.onload=()=>n(!0),i.onerror=()=>n(!1),i.src=c})}return t.useEffect(()=>{(async()=>{l(!1);const n=await b(s);p(n),l(!0)})()},[a,s]),e.jsxDEV(D,{children:[e.jsxDEV(M,{children:[f?e.jsxDEV(e.Fragment,{children:[!a&&e.jsxDEV(d,{children:e.jsxDEV("div",{children:e.jsxDEV(h.default,{width:24},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:106,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:105,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:104,columnNumber:8},void 0),a&&e.jsxDEV("img",{src:s,className:"image",alt:"Product"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:111,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:102,columnNumber:6},void 0):e.jsxDEV(d,{children:e.jsxDEV(N.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:116,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:115,columnNumber:6},void 0),e.jsxDEV(j,{children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:119,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:100,columnNumber:4},void 0),e.jsxDEV(k,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:121,columnNumber:4},void 0),e.jsxDEV(v,{dangerouslySetInnerHTML:{__html:m}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:122,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:99,columnNumber:3},void 0)};exports.DescriptionModal=y;
+`,U=i=>{const{title:m,description:p,imageUrl:n}=i,[s,u]=t.useState(!1),[b,l]=t.useState(!1);async function f(d){return new Promise(r=>{const a=new Image;a.onload=()=>r(!0),a.onerror=()=>r(!1),a.src=d})}return t.useEffect(()=>{(async()=>{l(!1);const r=await f(n);u(r),l(!0)})()},[s,n]),e.jsxDEV(D,{children:[e.jsxDEV(N,{children:[b?e.jsxDEV(e.Fragment,{children:[!s&&e.jsxDEV(c,{children:e.jsxDEV("div",{children:e.jsxDEV(k.default,{width:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:106,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:105,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:104,columnNumber:8},void 0),s&&e.jsxDEV("img",{src:n,className:"image",alt:"Product"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:111,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:102,columnNumber:6},void 0):e.jsxDEV(c,{children:e.jsxDEV(v.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:116,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:115,columnNumber:6},void 0),e.jsxDEV(y,{children:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:119,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:100,columnNumber:4},void 0),e.jsxDEV(g,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:121,columnNumber:4},void 0),e.jsxDEV(M,{dangerouslySetInnerHTML:{__html:p}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:122,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/data-source-panel/Modals/DescriptionModal.tsx",lineNumber:99,columnNumber:3},void 0)};exports.DescriptionModal=U;
 //# sourceMappingURL=DescriptionModal.js.map

package/dist/cjs/components/data-source-panel/Modals/DescriptionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionModal.js","sources":["../../../../../src/components/data-source-panel/Modals/DescriptionModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport ImageSVG from '../../../assets/icons/image.svg';\n\nexport interface DescriptionModalProps {\n\ttitle: string;\n\tdescription: string;\n\timageUrl: string;\n\tonClose: () => void;\n}\n\nconst ImageContainer = styled.div`\n\tmargin: 2px;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 4px;\n\tdiv {\n\t\tmargin: 7px;\n\t\tcolor: grey;\n\t\topacity: 0.6;\n\t}\n`;\n\nconst MainContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 16px;\n\tpadding: 8px;\n`;\n\nconst Header = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin: 4px 8px;\n\timg {\n\t\tborder-radius: 8px;\n\t\theight: 80px;\n\t\twidth: 80px;\n\t}\n`;\n\nconst Title = styled.div`\n\toverflow: scroll;\n\tmargin: 0px 0px 0px 8px;\n\tfont-size: 14px;\n`;\n\nconst Divider = styled.div`\n\theight: 1px;\n\twidth: auto;\n\tmargin: 16px;\n\tbackground: #e0e0e0;\n`;\nconst Description = styled.div`\n\toverflow: scroll;\n\tmargin: 0px 0px 0px 8px;\n\tfont-size: 14px;\n\timg {\n\t\theight: 80px;\n\t\twidth: 80px;\n\t}\n\tvideo {\n\t\theight: auto;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const DescriptionModal: React.FC<DescriptionModalProps> = (\n\tprops: DescriptionModalProps,\n) => {\n\tconst { title, description, imageUrl } = props;\n\tconst [isValidImageUrl, setIsValidImageUrl] = useState(false);\n\tconst [isImageLoaded, setIsImageLoaded] = useState(false);\n\n\tasync function validateImageUrl(url: string): Promise<boolean> {\n\t\treturn new Promise((resolve) => {\n\t\t\tconst img = new Image();\n\t\t\timg.onload = () => resolve(true); // Image loaded successfully\n\t\t\timg.onerror = () => resolve(false); // Image failed to load\n\t\t\timg.src = url;\n\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tconst checkImageUrl = async () => {\n\t\t\tsetIsImageLoaded(false);\n\t\t\tconst isValid = await validateImageUrl(imageUrl);\n\t\t\tsetIsValidImageUrl(isValid);\n\t\t\tsetIsImageLoaded(true);\n\t\t};\n\n\t\tcheckImageUrl();\n\t}, [isValidImageUrl, imageUrl]);\n\n\treturn (\n\t\t<MainContainer>\n\t\t\t<Header>\n\t\t\t\t{isImageLoaded ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!isValidImageUrl && (\n\t\t\t\t\t\t\t<ImageContainer>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<ImageSVG width={24} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ImageContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{isValidImageUrl && (\n\t\t\t\t\t\t\t<img src={imageUrl} className=\"image\" alt=\"Product\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<ImageContainer>\n\t\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t\t</ImageContainer>\n\t\t\t\t)}\n\t\t\t\t<Title>{title}</Title>\n\t\t\t</Header>\n\t\t\t<Divider />\n\t\t\t<Description dangerouslySetInnerHTML={{ __html: description }} />\n\t\t</MainContainer>\n\t);\n};\n"],"names":["ImageContainer","styled","MainContainer","Header","Title","Divider","Description","DescriptionModal","props","title","description","imageUrl","isValidImageUrl","setIsValidImageUrl","useState","isImageLoaded","setIsImageLoaded","validateImageUrl","url","resolve","img","useEffect","isValid","jsxDEV","Fragment","ImageSVG","this","Spinner"],"mappings":"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"}
+{"version":3,"file":"DescriptionModal.js","sources":["../../../../../src/components/data-source-panel/Modals/DescriptionModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport ImageSVG from '../../../assets/icons/image.svg';\n\nexport interface DescriptionModalProps {\n\ttitle: string;\n\tdescription: string;\n\timageUrl: string;\n\tonClose: () => void;\n}\n\nconst ImageContainer = styled.div`\n\tmargin: 2px;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 4px;\n\tdiv {\n\t\tmargin: 7px;\n\t\tcolor: grey;\n\t\topacity: 0.6;\n\t}\n`;\n\nconst MainContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 16px;\n\tpadding: 8px;\n`;\n\nconst Header = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin: 4px 8px;\n\timg {\n\t\tborder-radius: 8px;\n\t\theight: 80px;\n\t\twidth: 80px;\n\t}\n`;\n\nconst Title = styled.div`\n\toverflow: scroll;\n\tmargin: 0px 0px 0px 8px;\n\tfont-size: 14px;\n`;\n\nconst Divider = styled.div`\n\theight: 1px;\n\twidth: auto;\n\tmargin: 16px;\n\tbackground: #e0e0e0;\n`;\nconst Description = styled.div`\n\toverflow: scroll;\n\tmargin: 0px 0px 0px 8px;\n\tfont-size: 14px;\n\timg {\n\t\theight: 80px;\n\t\twidth: 80px;\n\t}\n\tvideo {\n\t\theight: auto;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const DescriptionModal: React.FC<DescriptionModalProps> = (\n\tprops: DescriptionModalProps,\n) => {\n\tconst { title, description, imageUrl } = props;\n\tconst [isValidImageUrl, setIsValidImageUrl] = useState(false);\n\tconst [isImageLoaded, setIsImageLoaded] = useState(false);\n\n\tasync function validateImageUrl(url: string): Promise<boolean> {\n\t\treturn new Promise((resolve) => {\n\t\t\tconst img = new Image();\n\t\t\timg.onload = () => resolve(true); // Image loaded successfully\n\t\t\timg.onerror = () => resolve(false); // Image failed to load\n\t\t\timg.src = url;\n\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tconst checkImageUrl = async () => {\n\t\t\tsetIsImageLoaded(false);\n\t\t\tconst isValid = await validateImageUrl(imageUrl);\n\t\t\tsetIsValidImageUrl(isValid);\n\t\t\tsetIsImageLoaded(true);\n\t\t};\n\n\t\tcheckImageUrl();\n\t}, [isValidImageUrl, imageUrl]);\n\n\treturn (\n\t\t<MainContainer>\n\t\t\t<Header>\n\t\t\t\t{isImageLoaded ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!isValidImageUrl && (\n\t\t\t\t\t\t\t<ImageContainer>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<ImageSVG width={24} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ImageContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{isValidImageUrl && (\n\t\t\t\t\t\t\t<img src={imageUrl} className=\"image\" alt=\"Product\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<ImageContainer>\n\t\t\t\t\t\t<Spinner size={'large'} />\n\t\t\t\t\t</ImageContainer>\n\t\t\t\t)}\n\t\t\t\t<Title>{title}</Title>\n\t\t\t</Header>\n\t\t\t<Divider />\n\t\t\t<Description dangerouslySetInnerHTML={{ __html: description }} />\n\t\t</MainContainer>\n\t);\n};\n"],"names":["ImageContainer","styled","MainContainer","Header","Title","Divider","Description","DescriptionModal","props","title","description","imageUrl","isValidImageUrl","setIsValidImageUrl","useState","isImageLoaded","setIsImageLoaded","validateImageUrl","url","resolve","img","useEffect","isValid","jsxDEV","Fragment","ImageSVG","this","Spinner"],"mappings":"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"}

package/dist/cjs/components/datePicker/DatePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),o=require("react"),R=require("react-calendar"),j=require("./DatePicker.styled.js"),v=require("./TimePicker.js"),C=require("../button/Button.js"),w=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},A=w(R),E=e=>{const[i,c]=o.useState(),[r,m]=o.useState("00:00"),[u,f]=o.useState("23:59");o.useEffect(()=>{if(e.selectedDates){if(c(e.selectedDates),e.showTimePicker){if(e.selectedDates[0]){const t=e.selectedDates[0].getHours(),n=e.selectedDates[0].getMinutes();m(`${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`)}if(e.selectedDates[1]){const t=e.selectedDates[1].getHours(),n=e.selectedDates[1].getMinutes();f(`${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`)}}}else c([null,null]),e.showTimePicker&&(m("00:00"),f("23:59"))},[e.selectedDates,e.showTimePicker]);const[d,b]=o.useState(e.selectedDate),h=e.maxRangeLimit===null?null:e.maxRangeLimit===void 0?180:e.maxRangeLimit;function g(t){if(e.showTimePicker&&r){const[n,a]=r.split(":").map(Number);t[0].setHours(n,a,0,0)}if(e.showTimePicker&&u){const[n,a]=u.split(":").map(Number);t[1].setHours(n,a,0,0)}e.showTimePicker||e.onSelectRange?.(t[0],t[1]),c([t[0],t[1]])}function k(t,n){if(Array.isArray(i)&&i[0]&&i[1]){if(t){const[a,l]=t.split(":").map(Number);i[0].setHours(a,l,0,0)}if(n){const[a,l]=n.split(":").map(Number);i[1].setHours(a,l,0,0)}e.showTimePicker||e.onSelectRange?.(i[0],i[1])}}function P(t){m(t),k(t,u)}function S(t){f(t),k(r,t)}function y(t){if(e.showTimePicker&&r){const[n,a]=r.split(":").map(Number);t.setHours(n,a,0,0)}e.showTimePicker||e.onSelectDate?.(t),b(t)}const N=({date:t,view:n})=>{if(!Array.isArray(i))return!1;const[a,l]=i;if(a&&!l&&h!==null){const D=Math.round((t-a)/864e5);return n==="month"&&(D<-h||D>h)}return!1};function T(t){if(!Array.isArray(i)){c([t,null]);return}const[n,a]=i;c(n?n&&!a?[n,t]:[t,null]:[t,null])}function x(){e.selectRange&&Array.isArray(i)&&i[0]&&i[1]?e.onSelectRange?.(i[0],i[1]):!e.selectRange&&d&&e.onSelectDate?.(d)}return s.jsxDEV(j.PickerContainer,{selectRange:e.selectRange,children:[s.jsxDEV(A.default,{onChange:t=>{e.selectRange&&e.onSelectRange?g(t):e.onSelectDate&&y(t)},tileDisabled:N,onClickDay:T,value:e.selectRange?i:d,selectRange:e.selectRange,minDate:e.minDate,maxDate:e.maxDate},"bik-calendar",!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:187,columnNumber:4},void 0),e.showTimePicker&&e.selectRange&&s.jsxDEV(s.Fragment,{children:[s.jsxDEV(v.TimePicker,{fromTime:r,toTime:u,onFromTimeChange:P,onToTimeChange:S,timeInterval:e.timeInterval},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:205,columnNumber:6},void 0),s.jsxDEV("div",{className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"},children:s.jsxDEV(C.Button,{buttonType:"primary",size:"small",buttonText:"Save",onClick:x},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:220,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:212,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:204,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:186,columnNumber:3},void 0)};exports.DatePicker=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("react"),x=require("react-calendar"),R=require("./DatePicker.styled.js"),C=require("./TimePicker.js"),j=require("../button/Button.js"),w=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},A=w(x),E=e=>{const[i,s]=o.useState(),[c,m]=o.useState("00:00"),[u,f]=o.useState("23:59");o.useEffect(()=>{if(e.selectedDates){if(s(e.selectedDates),e.showTimePicker){if(e.selectedDates[0]){const t=e.selectedDates[0].getHours(),n=e.selectedDates[0].getMinutes();m(`${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`)}if(e.selectedDates[1]){const t=e.selectedDates[1].getHours(),n=e.selectedDates[1].getMinutes();f(`${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`)}}}else s([null,null]),e.showTimePicker&&(m("00:00"),f("23:59"))},[e.selectedDates,e.showTimePicker]);const[d,h]=o.useState(e.selectedDate),k=e.maxRangeLimit===null?null:e.maxRangeLimit===void 0?180:e.maxRangeLimit;function g(t){if(e.showTimePicker&&c){const[n,a]=c.split(":").map(Number);t[0].setHours(n,a,0,0)}if(e.showTimePicker&&u){const[n,a]=u.split(":").map(Number);t[1].setHours(n,a,0,0)}e.showTimePicker||e.onSelectRange?.(t[0],t[1]),s([t[0],t[1]])}function b(t,n){if(Array.isArray(i)&&i[0]&&i[1]){if(t){const[a,l]=t.split(":").map(Number);i[0].setHours(a,l,0,0)}if(n){const[a,l]=n.split(":").map(Number);i[1].setHours(a,l,0,0)}e.showTimePicker||e.onSelectRange?.(i[0],i[1])}}function y(t){m(t),b(t,u)}function P(t){f(t),b(c,t)}function S(t){if(e.showTimePicker&&c){const[n,a]=c.split(":").map(Number);t.setHours(n,a,0,0)}e.showTimePicker||e.onSelectDate?.(t),h(t)}const v=({date:t,view:n})=>{if(!Array.isArray(i))return!1;const[a,l]=i;if(a&&!l&&k!==null){const D=Math.round((t-a)/864e5);return n==="month"&&(D<-k||D>k)}return!1};function N(t){if(!Array.isArray(i)){s([t,null]);return}const[n,a]=i;s(n?n&&!a?[n,t]:[t,null]:[t,null])}function T(){e.selectRange&&Array.isArray(i)&&i[0]&&i[1]?e.onSelectRange?.(i[0],i[1]):!e.selectRange&&d&&e.onSelectDate?.(d)}return r.jsxDEV(R.PickerContainer,{selectRange:e.selectRange,children:[r.jsxDEV(A.default,{onChange:t=>{e.selectRange&&e.onSelectRange?g(t):e.onSelectDate&&S(t)},tileDisabled:v,onClickDay:N,value:e.selectRange?i:d,selectRange:e.selectRange,minDate:e.minDate,maxDate:e.maxDate},"bik-calendar",!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:187,columnNumber:4},void 0),e.showTimePicker&&e.selectRange&&r.jsxDEV(r.Fragment,{children:[r.jsxDEV(C.TimePicker,{fromTime:c,toTime:u,onFromTimeChange:y,onToTimeChange:P,timeInterval:e.timeInterval},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:205,columnNumber:6},void 0),r.jsxDEV("div",{className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"},children:r.jsxDEV(j.Button,{buttonType:"primary",size:"small",buttonText:"Save",onClick:T},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:220,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:212,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:204,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePicker.tsx",lineNumber:186,columnNumber:3},void 0)};exports.DatePicker=E;
 //# sourceMappingURL=DatePicker.js.map

package/dist/cjs/components/datePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Calendar from 'react-calendar';\nimport { Button } from '@src/components/button';\nimport { PickerContainer } from '@src/components/datePicker/DatePicker.styled';\nimport { TimePicker } from '@src/components/datePicker/TimePicker';\n\nexport type DatePickerProps = {\n\tselectRange: boolean;\n\tselectedDates?: Date[]; // for range selection\n\tselectedDate?: Date; // for single date selection\n\tonSelectRange?: (startDate: Date, endDate: Date) => void; // for range selection\n\tonSelectDate?: (date: Date) => void; // for single date selection\n\tminDate?: Date;\n\tmaxDate?: Date;\n\tmaxRangeLimit?: number | null;\n\tshowTimePicker?: boolean;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const DatePicker: React.FC<DatePickerProps> = (props) => {\n\tconst [selectedDates, setSelectedDates] = useState<\n\t\tArray<Date | null> | undefined\n\t>();\n\tconst [fromTime, setFromTime] = useState('00:00');\n\tconst [toTime, setToTime] = useState('23:59');\n\n\tuseEffect(() => {\n\t\tif (props.selectedDates) {\n\t\t\tsetSelectedDates(props.selectedDates);\n\t\t\t// Extract time from selectedDates if showTimePicker is enabled\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tif (props.selectedDates[0]) {\n\t\t\t\t\tconst hours = props.selectedDates[0].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[0].getMinutes();\n\t\t\t\t\tsetFromTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (props.selectedDates[1]) {\n\t\t\t\t\tconst hours = props.selectedDates[1].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[1].getMinutes();\n\t\t\t\t\tsetToTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tsetSelectedDates([null, null]);\n\t\t\t// Reset time pickers to default when no dates are selected\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tsetFromTime('00:00');\n\t\t\t\tsetToTime('23:59');\n\t\t\t}\n\t\t}\n\t}, [props.selectedDates, props.showTimePicker]);\n\n\tconst [selectedDate, setSelectedDate] = useState(props.selectedDate);\n\tconst maxRangeLimit =\n\t\tprops.maxRangeLimit === null\n\t\t\t? null\n\t\t\t: props.maxRangeLimit === undefined\n\t\t\t? 180\n\t\t\t: props.maxRangeLimit;\n\n\tfunction handleRangeSelection(date: Date[]) {\n\t\t// Apply time to dates if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate[0].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\tif (props.showTimePicker && toTime) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tdate[1].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectRange?.(date[0], date[1]);\n\t\t}\n\t\tsetSelectedDates([date[0], date[1]]);\n\t}\n\n\tfunction handleTimeChange(newFromTime?: string, newToTime?: string) {\n\t\tif (Array.isArray(selectedDates) && selectedDates[0] && selectedDates[1]) {\n\t\t\t// Apply time to existing date objects\n\t\t\tif (newFromTime) {\n\t\t\t\tconst [hours, minutes] = newFromTime.split(':').map(Number);\n\t\t\t\tselectedDates[0].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\tif (newToTime) {\n\t\t\t\tconst [hours, minutes] = newToTime.split(':').map(Number);\n\t\t\t\tselectedDates[1].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\t// Only trigger callback if time picker is not shown (shouldn't happen, but for safety)\n\t\t\tif (!props.showTimePicker) {\n\t\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleFromTimeChange(time: string) {\n\t\tsetFromTime(time);\n\t\thandleTimeChange(time, toTime);\n\t}\n\n\tfunction handleToTimeChange(time: string) {\n\t\tsetToTime(time);\n\t\thandleTimeChange(fromTime, time);\n\t}\n\n\tfunction handleSingleDateSelection(date: Date) {\n\t\t// Apply time if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate.setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectDate?.(date);\n\t\t}\n\t\tsetSelectedDate(date);\n\t}\n\n\tconst tileDisabled = ({ date, view }) => {\n\t\tif (!Array.isArray(selectedDates)) return false;\n\n\t\tconst [start, end] = selectedDates;\n\n\t\tif (start && !end && maxRangeLimit !== null) {\n\t\t\tconst diffInDays = Math.round(\n\t\t\t\t(date - (start as unknown as number)) / (1000 * 60 * 60 * 24),\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\tview === 'month' &&\n\t\t\t\t(diffInDays < -maxRangeLimit || diffInDays > maxRangeLimit)\n\t\t\t);\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tfunction onClickDay(date: Date) {\n\t\tif (!Array.isArray(selectedDates)) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst [start, end] = selectedDates;\n\t\t// Check if the start date is not selected yet\n\t\tif (!start) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\n\t\t// Check if only the start date is selected\n\t\telse if (start && !end) {\n\t\t\tsetSelectedDates([start, date]);\n\t\t} // Reset the range if both start and end dates are already selected\n\t\telse {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\t}\n\n\tfunction handleSaveClick() {\n\t\tif (\n\t\t\tprops.selectRange &&\n\t\t\tArray.isArray(selectedDates) &&\n\t\t\tselectedDates[0] &&\n\t\t\tselectedDates[1]\n\t\t) {\n\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t} else if (!props.selectRange && selectedDate) {\n\t\t\tprops.onSelectDate?.(selectedDate);\n\t\t}\n\t}\n\n\treturn (\n\t\t<PickerContainer selectRange={props.selectRange}>\n\t\t\t<Calendar\n\t\t\t\tonChange={(date) => {\n\t\t\t\t\tif (props.selectRange && props.onSelectRange) {\n\t\t\t\t\t\thandleRangeSelection(date);\n\t\t\t\t\t} else if (props.onSelectDate) {\n\t\t\t\t\t\thandleSingleDateSelection(date);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ttileDisabled={tileDisabled}\n\t\t\t\tonClickDay={onClickDay}\n\t\t\t\tvalue={(props.selectRange ? selectedDates : selectedDate) as Date}\n\t\t\t\tselectRange={props.selectRange}\n\t\t\t\tminDate={props.minDate}\n\t\t\t\tmaxDate={props.maxDate}\n\t\t\t\tkey={'bik-calendar'}\n\t\t\t/>\n\t\t\t{props.showTimePicker && props.selectRange && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tfromTime={fromTime}\n\t\t\t\t\t\ttoTime={toTime}\n\t\t\t\t\t\tonFromTimeChange={handleFromTimeChange}\n\t\t\t\t\t\tonToTimeChange={handleToTimeChange}\n\t\t\t\t\t\ttimeInterval={props.timeInterval}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"date-picker-save-button-container\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\t\tonClick={handleSaveClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</PickerContainer>\n\t);\n};\n"],"names":["DatePicker","props","selectedDates","setSelectedDates","useState","fromTime","setFromTime","toTime","setToTime","useEffect","hours","minutes","selectedDate","setSelectedDate","maxRangeLimit","handleRangeSelection","date","handleTimeChange","newFromTime","newToTime","handleFromTimeChange","time","handleToTimeChange","handleSingleDateSelection","tileDisabled","view","start","end","diffInDays","onClickDay","handleSaveClick","jsxDEV","PickerContainer","Calendar","this","Fragment","TimePicker","Button"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Calendar from 'react-calendar';\nimport { Button } from '@src/components/button';\nimport { PickerContainer } from '@src/components/datePicker/DatePicker.styled';\nimport { TimePicker } from '@src/components/datePicker/TimePicker';\n\nexport type DatePickerProps = {\n\tselectRange: boolean;\n\tselectedDates?: Date[]; // for range selection\n\tselectedDate?: Date; // for single date selection\n\tonSelectRange?: (startDate: Date, endDate: Date) => void; // for range selection\n\tonSelectDate?: (date: Date) => void; // for single date selection\n\tminDate?: Date;\n\tmaxDate?: Date;\n\tmaxRangeLimit?: number | null;\n\tshowTimePicker?: boolean;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const DatePicker: React.FC<DatePickerProps> = (props) => {\n\tconst [selectedDates, setSelectedDates] = useState<\n\t\tArray<Date | null> | undefined\n\t>();\n\tconst [fromTime, setFromTime] = useState('00:00');\n\tconst [toTime, setToTime] = useState('23:59');\n\n\tuseEffect(() => {\n\t\tif (props.selectedDates) {\n\t\t\tsetSelectedDates(props.selectedDates);\n\t\t\t// Extract time from selectedDates if showTimePicker is enabled\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tif (props.selectedDates[0]) {\n\t\t\t\t\tconst hours = props.selectedDates[0].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[0].getMinutes();\n\t\t\t\t\tsetFromTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (props.selectedDates[1]) {\n\t\t\t\t\tconst hours = props.selectedDates[1].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[1].getMinutes();\n\t\t\t\t\tsetToTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tsetSelectedDates([null, null]);\n\t\t\t// Reset time pickers to default when no dates are selected\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tsetFromTime('00:00');\n\t\t\t\tsetToTime('23:59');\n\t\t\t}\n\t\t}\n\t}, [props.selectedDates, props.showTimePicker]);\n\n\tconst [selectedDate, setSelectedDate] = useState(props.selectedDate);\n\tconst maxRangeLimit =\n\t\tprops.maxRangeLimit === null\n\t\t\t? null\n\t\t\t: props.maxRangeLimit === undefined\n\t\t\t? 180\n\t\t\t: props.maxRangeLimit;\n\n\tfunction handleRangeSelection(date: Date[]) {\n\t\t// Apply time to dates if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate[0].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\tif (props.showTimePicker && toTime) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tdate[1].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectRange?.(date[0], date[1]);\n\t\t}\n\t\tsetSelectedDates([date[0], date[1]]);\n\t}\n\n\tfunction handleTimeChange(newFromTime?: string, newToTime?: string) {\n\t\tif (Array.isArray(selectedDates) && selectedDates[0] && selectedDates[1]) {\n\t\t\t// Apply time to existing date objects\n\t\t\tif (newFromTime) {\n\t\t\t\tconst [hours, minutes] = newFromTime.split(':').map(Number);\n\t\t\t\tselectedDates[0].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\tif (newToTime) {\n\t\t\t\tconst [hours, minutes] = newToTime.split(':').map(Number);\n\t\t\t\tselectedDates[1].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\t// Only trigger callback if time picker is not shown (shouldn't happen, but for safety)\n\t\t\tif (!props.showTimePicker) {\n\t\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleFromTimeChange(time: string) {\n\t\tsetFromTime(time);\n\t\thandleTimeChange(time, toTime);\n\t}\n\n\tfunction handleToTimeChange(time: string) {\n\t\tsetToTime(time);\n\t\thandleTimeChange(fromTime, time);\n\t}\n\n\tfunction handleSingleDateSelection(date: Date) {\n\t\t// Apply time if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate.setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectDate?.(date);\n\t\t}\n\t\tsetSelectedDate(date);\n\t}\n\n\tconst tileDisabled = ({ date, view }) => {\n\t\tif (!Array.isArray(selectedDates)) return false;\n\n\t\tconst [start, end] = selectedDates;\n\n\t\tif (start && !end && maxRangeLimit !== null) {\n\t\t\tconst diffInDays = Math.round(\n\t\t\t\t(date - (start as unknown as number)) / (1000 * 60 * 60 * 24),\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\tview === 'month' &&\n\t\t\t\t(diffInDays < -maxRangeLimit || diffInDays > maxRangeLimit)\n\t\t\t);\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tfunction onClickDay(date: Date) {\n\t\tif (!Array.isArray(selectedDates)) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst [start, end] = selectedDates;\n\t\t// Check if the start date is not selected yet\n\t\tif (!start) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\n\t\t// Check if only the start date is selected\n\t\telse if (start && !end) {\n\t\t\tsetSelectedDates([start, date]);\n\t\t} // Reset the range if both start and end dates are already selected\n\t\telse {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\t}\n\n\tfunction handleSaveClick() {\n\t\tif (\n\t\t\tprops.selectRange &&\n\t\t\tArray.isArray(selectedDates) &&\n\t\t\tselectedDates[0] &&\n\t\t\tselectedDates[1]\n\t\t) {\n\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t} else if (!props.selectRange && selectedDate) {\n\t\t\tprops.onSelectDate?.(selectedDate);\n\t\t}\n\t}\n\n\treturn (\n\t\t<PickerContainer selectRange={props.selectRange}>\n\t\t\t<Calendar\n\t\t\t\tonChange={(date) => {\n\t\t\t\t\tif (props.selectRange && props.onSelectRange) {\n\t\t\t\t\t\thandleRangeSelection(date);\n\t\t\t\t\t} else if (props.onSelectDate) {\n\t\t\t\t\t\thandleSingleDateSelection(date);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ttileDisabled={tileDisabled}\n\t\t\t\tonClickDay={onClickDay}\n\t\t\t\tvalue={(props.selectRange ? selectedDates : selectedDate) as Date}\n\t\t\t\tselectRange={props.selectRange}\n\t\t\t\tminDate={props.minDate}\n\t\t\t\tmaxDate={props.maxDate}\n\t\t\t\tkey={'bik-calendar'}\n\t\t\t/>\n\t\t\t{props.showTimePicker && props.selectRange && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tfromTime={fromTime}\n\t\t\t\t\t\ttoTime={toTime}\n\t\t\t\t\t\tonFromTimeChange={handleFromTimeChange}\n\t\t\t\t\t\tonToTimeChange={handleToTimeChange}\n\t\t\t\t\t\ttimeInterval={props.timeInterval}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"date-picker-save-button-container\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\t\tonClick={handleSaveClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</PickerContainer>\n\t);\n};\n"],"names":["DatePicker","props","selectedDates","setSelectedDates","useState","fromTime","setFromTime","toTime","setToTime","useEffect","hours","minutes","selectedDate","setSelectedDate","maxRangeLimit","handleRangeSelection","date","handleTimeChange","newFromTime","newToTime","handleFromTimeChange","time","handleToTimeChange","handleSingleDateSelection","tileDisabled","view","start","end","diffInDays","onClickDay","handleSaveClick","jsxDEV","PickerContainer","Calendar","this","Fragment","TimePicker","Button"],"mappings":"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"}

package/dist/cjs/components/datePicker/DatePickerWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("react"),h=require("react-calendar"),C=require("../../hooks/useOutside.js"),g=require("../../utils/DateUtils.js"),r=require("../../constants/Theme.js"),L=require("../../assets/icons/calendar.svg.js"),m=require("../TypographyStyle.js"),d=require("./DatePickerWrapper.styled.js"),a=require("./model.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},R=N(h),j=({val:e,onChange:p,calendarProps:D,disabled:n,pickerStyles:f,nativeID:k,maxDate:b,minDate:y,dateButtonType:o,dateButtonStyles:O})=>{const[s,c]=i.useState(!1),P=i.useRef(null),u=i.useRef(null);C.useOutside(u,()=>{c(!1)});const l=()=>e?Array.isArray(e)?e?.[0]?.toString()&&e?.[1]?.toString()?`${new Date(e?.[0]?.toString()).toLocaleDateString()}-${new Date(e?.[1]?.toString()).toLocaleDateString()}`:`${g.default.getPastDate(new Date,30).toLocaleDateString()}-${new Date().toLocaleDateString()}`:new Date(e.toString()).toLocaleDateString():new Date().toLocaleDateString();return t.jsxDEV(t.Fragment,{children:[t.jsxDEV(d.DateBtn,{id:k,ref:P,bgColor:n?r.COLORS.background.base:r.COLORS.surface.standard,borderColor:r.COLORS.stroke.primary,onClick:()=>c(!s),dateButtonType:o||a.DateButtonType.DEFAULT,style:O,children:[o===a.DateButtonType.LARGE?t.jsxDEV(m.BodyPrimary,{style:{color:n?r.COLORS.content.inactive:r.COLORS.content.primary,flex:1},children:l()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:81,columnNumber:6},void 0):t.jsxDEV(m.BodySecondary,{style:{color:n?r.COLORS.content.inactive:r.COLORS.content.primary,flex:1},children:l()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:92,columnNumber:6},void 0),t.jsxDEV(L.default,{width:o===a.DateButtonType.LARGE?24:20,height:o===a.DateButtonType.LARGE?24:20,color:n?r.COLORS.content.inactive:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:103,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:71,columnNumber:4},void 0),s&&!n&&t.jsxDEV(d.PickerContainer,{ref:u,style:{...f},contentPrimary:r.COLORS.content.primary,subDued:r.COLORS.surface.subdued,brandColor:r.COLORS.background.brand,bgColor:r.COLORS.surface.standard,borderColor:r.COLORS.stroke.primary,children:t.jsxDEV(R.default,{tileClassName:["custom__tile"],className:["custom__calendar"],onChange:S=>{p(S),c(!1)},maxDate:b,minDate:y,value:e?Array.isArray(e)?e.length===2?[new Date(e[0]),new Date(e[1])]:null:new Date(e):null,...D},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:129,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:110,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:70,columnNumber:3},void 0)};exports.DatePickerWrapper=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),s=require("react"),C=require("react-calendar"),g=require("../../hooks/useOutside.js"),L=require("../../utils/DateUtils.js"),r=require("../../constants/Theme.js"),P=require("../../assets/icons/calendar.svg.js"),m=require("../TypographyStyle.js"),p=require("./DatePickerWrapper.styled.js"),a=require("./model.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},R=N(C),x=({val:e,onChange:d,calendarProps:k,disabled:n,pickerStyles:b,nativeID:D,maxDate:y,minDate:f,dateButtonType:o,dateButtonStyles:O})=>{const[c,i]=s.useState(!1),S=s.useRef(null),l=s.useRef(null);g.useOutside(l,()=>{i(!1)});const u=()=>e?Array.isArray(e)?e?.[0]?.toString()&&e?.[1]?.toString()?`${new Date(e?.[0]?.toString()).toLocaleDateString()}-${new Date(e?.[1]?.toString()).toLocaleDateString()}`:`${L.default.getPastDate(new Date,30).toLocaleDateString()}-${new Date().toLocaleDateString()}`:new Date(e.toString()).toLocaleDateString():new Date().toLocaleDateString();return t.jsxDEV(t.Fragment,{children:[t.jsxDEV(p.DateBtn,{id:D,ref:S,bgColor:n?r.COLORS.background.base:r.COLORS.surface.standard,borderColor:r.COLORS.stroke.primary,onClick:()=>i(!c),dateButtonType:o||a.DateButtonType.DEFAULT,style:O,children:[o===a.DateButtonType.LARGE?t.jsxDEV(m.BodyPrimary,{style:{color:n?r.COLORS.content.inactive:r.COLORS.content.primary,flex:1},children:u()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:81,columnNumber:6},void 0):t.jsxDEV(m.BodySecondary,{style:{color:n?r.COLORS.content.inactive:r.COLORS.content.primary,flex:1},children:u()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:92,columnNumber:6},void 0),t.jsxDEV(P.default,{width:o===a.DateButtonType.LARGE?24:20,height:o===a.DateButtonType.LARGE?24:20,color:n?r.COLORS.content.inactive:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:103,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:71,columnNumber:4},void 0),c&&!n&&t.jsxDEV(p.PickerContainer,{ref:l,style:{...b},contentPrimary:r.COLORS.content.primary,subDued:r.COLORS.surface.subdued,brandColor:r.COLORS.background.brand,bgColor:r.COLORS.surface.standard,borderColor:r.COLORS.stroke.primary,children:t.jsxDEV(R.default,{tileClassName:["custom__tile"],className:["custom__calendar"],onChange:h=>{d(h),i(!1)},maxDate:y,minDate:f,value:e?Array.isArray(e)?e.length===2?[new Date(e[0]),new Date(e[1])]:null:new Date(e):null,...k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:129,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:110,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/DatePickerWrapper.tsx",lineNumber:70,columnNumber:3},void 0)};exports.DatePickerWrapper=x;
 //# sourceMappingURL=DatePickerWrapper.js.map

package/dist/cjs/components/datePicker/DatePickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date | Date[];\n\tonChange: (val: Date | Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement | null>(null);\n\tconst pickerRef = useRef<HTMLDivElement | null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\tconst getDisplayValue = () => {\n\t\treturn val\n\t\t\t? Array.isArray(val)\n\t\t\t\t? val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t\t? `${new Date(val?.[0]?.toString()).toLocaleDateString()}-${new Date(\n\t\t\t\t\t\t\tval?.[1]?.toString(),\n\t\t\t\t\t  ).toLocaleDateString()}`\n\t\t\t\t\t: `${DateUtils.getPastDate(\n\t\t\t\t\t\t\tnew Date(),\n\t\t\t\t\t\t\t30,\n\t\t\t\t\t  ).toLocaleDateString()}-${new Date().toLocaleDateString()}`\n\t\t\t\t: new Date(val.toString()).toLocaleDateString()\n\t\t\t: new Date().toLocaleDateString();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType || DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\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: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t| ((instance: HTMLDivElement | null) => void)\n\t\t\t\t\t\t\t| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t| null\n\t\t\t\t\t\t\t| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","getDisplayValue","DateUtils","jsxDEV","Fragment","DateBtn","COLORS","DateButtonType","BodyPrimary","this","BodySecondary","CalendarIcon","PickerContainer","Calendar","d"],"mappings":"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"}
+{"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date | Date[];\n\tonChange: (val: Date | Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement | null>(null);\n\tconst pickerRef = useRef<HTMLDivElement | null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\tconst getDisplayValue = () => {\n\t\treturn val\n\t\t\t? Array.isArray(val)\n\t\t\t\t? val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t\t? `${new Date(val?.[0]?.toString()).toLocaleDateString()}-${new Date(\n\t\t\t\t\t\t\tval?.[1]?.toString(),\n\t\t\t\t\t  ).toLocaleDateString()}`\n\t\t\t\t\t: `${DateUtils.getPastDate(\n\t\t\t\t\t\t\tnew Date(),\n\t\t\t\t\t\t\t30,\n\t\t\t\t\t  ).toLocaleDateString()}-${new Date().toLocaleDateString()}`\n\t\t\t\t: new Date(val.toString()).toLocaleDateString()\n\t\t\t: new Date().toLocaleDateString();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType || DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\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: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t| ((instance: HTMLDivElement | null) => void)\n\t\t\t\t\t\t\t| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t| null\n\t\t\t\t\t\t\t| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","getDisplayValue","DateUtils","jsxDEV","Fragment","DateBtn","COLORS","DateButtonType","BodyPrimary","this","BodySecondary","CalendarIcon","PickerContainer","Calendar","d"],"mappings":"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"}

package/dist/cjs/components/datePicker/TimePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),S=require("react"),d=require("./DatePicker.styled.js"),N=require("../dropdown/Dropdown.js"),j=({fromTime:s="00:00",toTime:i="23:59",onFromTimeChange:v,onToTimeChange:y,timeInterval:p=30})=>{const b=S.useMemo(()=>{const t=[];for(let e=0;e<1440;e+=p){const r=Math.floor(e/60),o=e%60,l=r>=12?"PM":"AM",c=`${r===0?12:r>12?r-12:r}:${o.toString().padStart(2,"0")} ${l}`,n=`${r.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;t.push({label:c,value:n,selected:n===s})}if(s&&!t.find(e=>e.value===s)){const[e,r]=s.split(":").map(Number),o=e>=12?"PM":"AM",u=`${e===0?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${o}`;t.push({label:u,value:s,selected:!0}),t.sort((c,n)=>c.value.localeCompare(n.value))}return t},[p,s]),k=S.useMemo(()=>{const t=[];for(let e=0;e<1440;e+=p){const r=Math.floor(e/60),o=e%60,l=r>=12?"PM":"AM",c=`${r===0?12:r>12?r-12:r}:${o.toString().padStart(2,"0")} ${l}`,n=`${r.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;t.push({label:c,value:n,selected:n===i})}if(i&&!t.find(e=>e.value===i)){const[e,r]=i.split(":").map(Number),o=e>=12?"PM":"AM",u=`${e===0?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${o}`;t.push({label:u,value:i,selected:!0}),t.sort((c,n)=>c.value.localeCompare(n.value))}return t},[p,i]),M=t=>{!Array.isArray(t)&&"value"in t&&v?.(t.value)},x=t=>{!Array.isArray(t)&&"value"in t&&y?.(t.value)},h=(t,m)=>{if(t)return m.find(e=>e.value===t)},f=h(s,b),P=h(i,k);return a.jsxDEV(d.TimePickerContainer,{children:[a.jsxDEV(d.TimeInputWrapper,{children:[a.jsxDEV(d.TimeLabel,{children:"From"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:140,columnNumber:5},void 0),a.jsxDEV(N.Dropdown,{placeHolder:"HH:MM",options:b,defaultOptions:f?[f]:[],onSelect:M,size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:139,columnNumber:4},void 0),a.jsxDEV(d.TimeInputWrapper,{children:[a.jsxDEV(d.TimeLabel,{children:"To"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:153,columnNumber:5},void 0),a.jsxDEV(N.Dropdown,{placeHolder:"HH:MM",options:k,defaultOptions:P?[P]:[],onSelect:x,size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:154,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:152,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:138,columnNumber:3},void 0)};exports.TimePicker=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-dev-runtime"),y=require("react"),m=require("./DatePicker.styled.js"),S=require("../dropdown/Dropdown.js"),x=({fromTime:o="00:00",toTime:n="23:59",onFromTimeChange:N,onToTimeChange:P,timeInterval:p=30})=>{const b=y.useMemo(()=>{const t=[];for(let e=0;e<1440;e+=p){const r=Math.floor(e/60),i=e%60,l=r>=12?"PM":"AM",a=`${r===0?12:r>12?r-12:r}:${i.toString().padStart(2,"0")} ${l}`,s=`${r.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`;t.push({label:a,value:s,selected:s===o})}if(o&&!t.find(e=>e.value===o)){const[e,r]=o.split(":").map(Number),i=e>=12?"PM":"AM",u=`${e===0?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${i}`;t.push({label:u,value:o,selected:!0}),t.sort((a,s)=>a.value.localeCompare(s.value))}return t},[p,o]),k=y.useMemo(()=>{const t=[];for(let e=0;e<1440;e+=p){const r=Math.floor(e/60),i=e%60,l=r>=12?"PM":"AM",a=`${r===0?12:r>12?r-12:r}:${i.toString().padStart(2,"0")} ${l}`,s=`${r.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`;t.push({label:a,value:s,selected:s===n})}if(n&&!t.find(e=>e.value===n)){const[e,r]=n.split(":").map(Number),i=e>=12?"PM":"AM",u=`${e===0?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${i}`;t.push({label:u,value:n,selected:!0}),t.sort((a,s)=>a.value.localeCompare(s.value))}return t},[p,n]),M=t=>{!Array.isArray(t)&&"value"in t&&N?.(t.value)},D=t=>{!Array.isArray(t)&&"value"in t&&P?.(t.value)},v=(t,d)=>{if(t)return d.find(e=>e.value===t)},h=v(o,b),f=v(n,k);return c.jsxDEV(m.TimePickerContainer,{children:[c.jsxDEV(m.TimeInputWrapper,{children:[c.jsxDEV(m.TimeLabel,{children:"From"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:140,columnNumber:5},void 0),c.jsxDEV(S.Dropdown,{placeHolder:"HH:MM",options:b,defaultOptions:h?[h]:[],onSelect:M,size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:139,columnNumber:4},void 0),c.jsxDEV(m.TimeInputWrapper,{children:[c.jsxDEV(m.TimeLabel,{children:"To"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:153,columnNumber:5},void 0),c.jsxDEV(S.Dropdown,{placeHolder:"HH:MM",options:k,defaultOptions:f?[f]:[],onSelect:D,size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:154,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:152,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/datePicker/TimePicker.tsx",lineNumber:138,columnNumber:3},void 0)};exports.TimePicker=x;
 //# sourceMappingURL=TimePicker.js.map

package/dist/cjs/components/datePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/datePicker/TimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport {\n\tTimeInputWrapper,\n\tTimeLabel,\n\tTimePickerContainer,\n} from './DatePicker.styled';\n\nexport type TimePickerProps = {\n\tfromTime?: string;\n\ttoTime?: string;\n\tonFromTimeChange?: (time: string) => void;\n\tonToTimeChange?: (time: string) => void;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n\tfromTime = '00:00', // Default to 12:00 AM\n\ttoTime = '23:59', // Default to 11:59 PM\n\tonFromTimeChange,\n\tonToTimeChange,\n\ttimeInterval = 30,\n}) => {\n\t// Generate time options based on interval\n\tconst fromTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === fromTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current fromTime if it's not in the options\n\t\tif (fromTime && !options.find((opt) => opt.value === fromTime)) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: fromTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, fromTime]);\n\n\tconst toTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === toTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current toTime if it's not in the options\n\t\tif (toTime && !options.find((opt) => opt.value === toTime)) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: toTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, toTime]);\n\n\tconst handleFromTimeSelect = (option: DropdownOption | DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonFromTimeChange?.(option.value);\n\t\t}\n\t};\n\n\tconst handleToTimeSelect = (option: DropdownOption | DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonToTimeChange?.(option.value);\n\t\t}\n\t};\n\n\t// Find selected options based on time values\n\tconst getSelectedOption = (timeValue: string, options: SingleOption[]) => {\n\t\tif (!timeValue) return undefined;\n\t\treturn options.find((opt) => opt.value === timeValue);\n\t};\n\n\tconst fromTimeOption = getSelectedOption(fromTime, fromTimeOptions);\n\tconst toTimeOption = getSelectedOption(toTime, toTimeOptions);\n\n\treturn (\n\t\t<TimePickerContainer>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>From</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={fromTimeOptions}\n\t\t\t\t\tdefaultOptions={fromTimeOption ? [fromTimeOption] : []}\n\t\t\t\t\tonSelect={handleFromTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-from\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>To</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={toTimeOptions}\n\t\t\t\t\tdefaultOptions={toTimeOption ? [toTimeOption] : []}\n\t\t\t\t\tonSelect={handleToTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-to\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t</TimePickerContainer>\n\t);\n};\n"],"names":["TimePicker","fromTime","toTime","onFromTimeChange","onToTimeChange","timeInterval","fromTimeOptions","useMemo","options","i","hours","minutes","period","timeString","value","opt","a","b","toTimeOptions","handleFromTimeSelect","option","handleToTimeSelect","getSelectedOption","timeValue","fromTimeOption","toTimeOption","TimePickerContainer","jsxDEV","TimeInputWrapper","TimeLabel","this","Dropdown"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/datePicker/TimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport {\n\tTimeInputWrapper,\n\tTimeLabel,\n\tTimePickerContainer,\n} from './DatePicker.styled';\n\nexport type TimePickerProps = {\n\tfromTime?: string;\n\ttoTime?: string;\n\tonFromTimeChange?: (time: string) => void;\n\tonToTimeChange?: (time: string) => void;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n\tfromTime = '00:00', // Default to 12:00 AM\n\ttoTime = '23:59', // Default to 11:59 PM\n\tonFromTimeChange,\n\tonToTimeChange,\n\ttimeInterval = 30,\n}) => {\n\t// Generate time options based on interval\n\tconst fromTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === fromTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current fromTime if it's not in the options\n\t\tif (fromTime && !options.find((opt) => opt.value === fromTime)) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: fromTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, fromTime]);\n\n\tconst toTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === toTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current toTime if it's not in the options\n\t\tif (toTime && !options.find((opt) => opt.value === toTime)) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: toTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, toTime]);\n\n\tconst handleFromTimeSelect = (option: DropdownOption | DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonFromTimeChange?.(option.value);\n\t\t}\n\t};\n\n\tconst handleToTimeSelect = (option: DropdownOption | DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonToTimeChange?.(option.value);\n\t\t}\n\t};\n\n\t// Find selected options based on time values\n\tconst getSelectedOption = (timeValue: string, options: SingleOption[]) => {\n\t\tif (!timeValue) return undefined;\n\t\treturn options.find((opt) => opt.value === timeValue);\n\t};\n\n\tconst fromTimeOption = getSelectedOption(fromTime, fromTimeOptions);\n\tconst toTimeOption = getSelectedOption(toTime, toTimeOptions);\n\n\treturn (\n\t\t<TimePickerContainer>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>From</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={fromTimeOptions}\n\t\t\t\t\tdefaultOptions={fromTimeOption ? [fromTimeOption] : []}\n\t\t\t\t\tonSelect={handleFromTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-from\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>To</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={toTimeOptions}\n\t\t\t\t\tdefaultOptions={toTimeOption ? [toTimeOption] : []}\n\t\t\t\t\tonSelect={handleToTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-to\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t</TimePickerContainer>\n\t);\n};\n"],"names":["TimePicker","fromTime","toTime","onFromTimeChange","onToTimeChange","timeInterval","fromTimeOptions","useMemo","options","i","hours","minutes","period","timeString","value","opt","b","toTimeOptions","handleFromTimeSelect","option","handleToTimeSelect","getSelectedOption","timeValue","fromTimeOption","toTimeOption","TimePickerContainer","jsxDEV","TimeInputWrapper","TimeLabel","this","Dropdown"],"mappings":"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"}

package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),f=require("date-fns"),c=require("react"),i=require("../type.js"),m=require("../../TypographyStyle.js"),N=require("../../dropdown/Dropdown.js"),D=require("../../input/Input.js"),b=require("../../custom-date-time/CustomDateTime.js"),h=o=>{const[a,l]=c.useState(),[s,u]=c.useState(),r=new Date().setDate(new Date().getDate()+1),p=()=>{try{return f.format(d(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}},d=()=>{try{const e=o.discountData.expireAt;if(!e)return r;let t;return typeof e=="object"&&"seconds"in e?t=new Date(e.seconds*1e3):e instanceof Date?t=e:typeof e=="number"?t=new Date(e):typeof e=="string"?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=r),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),r):t}catch(e){return console.error("safeToDate error:",e),r}},x=[{selected:o.selectedExpiration===i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION},{selected:o.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION,label:"Fixed expiry date",value:i.COUPON_EXPIRATION.FIXED_EXPIRATION}];c.useEffect(()=>{(o.selectedExpiration===void 0||o.selectedExpiration===null||a||s)&&o.setDiscountData({...o.discountData,expireAfter:void 0,expireAt:void 0}),o.selectedExpiration&&(a||s)&&(o.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION?u(void 0):l(void 0))},[o.selectedExpiration,a,s]);const E=e=>{u(void 0);const t=Number.parseInt(e);t>0?o.setDiscountData({...o.discountData,expireAfter:t,expireAt:void 0}):u("Please enter valid input")};return n.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"},children:[n.jsxDEV("div",{children:!o.hideExpirationOptions&&n.jsxDEV(n.Fragment,{children:[n.jsxDEV(m.BodySecondary,{style:{marginBottom:8},children:"Expiration"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:144,columnNumber:7},void 0),n.jsxDEV("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:n.jsxDEV(N.Dropdown,{width:"268px",options:x,placement:"bottom-start",onSelect:e=>{const t=e.value;o.setSelectedExpiration(t),o.setDiscountData({...o.discountData,expireAt:void 0,expireAfter:void 0})},truncatedText:!1},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:148,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:143,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:141,columnNumber:4},void 0),o.selectedExpiration===i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&n.jsxDEV(D.Input,{value:o.discountData.expireAfter?.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{E(e)},isRequired:!0,errorMessage:o.inValidCouponExpiry?"Required Field":s,state:o.inValidCouponExpiry?"invalid":"none"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:178,columnNumber:5},void 0),o.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION&&n.jsxDEV(n.Fragment,{children:[n.jsxDEV(m.BodySecondary,{children:"Expiring on"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:196,columnNumber:6},void 0),n.jsxDEV(b.CustomDateTime,{placement:"bottom-start",time:p(),date:new Date(d()),error:a,setError:l,onChange:e=>{o.setDiscountData({...o.discountData,expireAt:e,expireAfter:void 0})},minDate:new Date(r)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:197,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:195,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:133,columnNumber:3},void 0)};exports.CouponExpiration=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),E=require("date-fns"),l=require("react"),t=require("../type.js"),m=require("../../TypographyStyle.js"),f=require("../../dropdown/Dropdown.js"),D=require("../../input/Input.js"),N=require("../../custom-date-time/CustomDateTime.js"),v=o=>{const[a,c]=l.useState(),[s,u]=l.useState(),r=new Date().setDate(new Date().getDate()+1),p=()=>{try{return E.format(d(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}},d=()=>{try{const e=o.discountData.expireAt;if(!e)return r;let n;return typeof e=="object"&&"seconds"in e?n=new Date(e.seconds*1e3):e instanceof Date?n=e:typeof e=="number"?n=new Date(e):typeof e=="string"?n=new Date(e):(console.warn("safeToDate: unknown type",e),n=r),isNaN(n.getTime())?(console.warn("safeToDate: Invalid date for value:",e),r):n}catch(e){return console.error("safeToDate error:",e),r}},x=[{selected:o.selectedExpiration===t.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:t.COUPON_EXPIRATION.DYNAMIC_EXPIRATION},{selected:o.selectedExpiration===t.COUPON_EXPIRATION.FIXED_EXPIRATION,label:"Fixed expiry date",value:t.COUPON_EXPIRATION.FIXED_EXPIRATION}];l.useEffect(()=>{(o.selectedExpiration===void 0||o.selectedExpiration===null||a||s)&&o.setDiscountData({...o.discountData,expireAfter:void 0,expireAt:void 0}),o.selectedExpiration&&(a||s)&&(o.selectedExpiration===t.COUPON_EXPIRATION.FIXED_EXPIRATION?u(void 0):c(void 0))},[o.selectedExpiration,a,s]);const b=e=>{u(void 0);const n=Number.parseInt(e);n>0?o.setDiscountData({...o.discountData,expireAfter:n,expireAt:void 0}):u("Please enter valid input")};return i.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"},children:[i.jsxDEV("div",{children:!o.hideExpirationOptions&&i.jsxDEV(i.Fragment,{children:[i.jsxDEV(m.BodySecondary,{style:{marginBottom:8},children:"Expiration"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:144,columnNumber:7},void 0),i.jsxDEV("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:i.jsxDEV(f.Dropdown,{width:"268px",options:x,placement:"bottom-start",onSelect:e=>{const n=e.value;o.setSelectedExpiration(n),o.setDiscountData({...o.discountData,expireAt:void 0,expireAfter:void 0})},truncatedText:!1},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:148,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:143,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:141,columnNumber:4},void 0),o.selectedExpiration===t.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&i.jsxDEV(D.Input,{value:o.discountData.expireAfter?.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{b(e)},isRequired:!0,errorMessage:o.inValidCouponExpiry?"Required Field":s,state:o.inValidCouponExpiry?"invalid":"none"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:178,columnNumber:5},void 0),o.selectedExpiration===t.COUPON_EXPIRATION.FIXED_EXPIRATION&&i.jsxDEV(i.Fragment,{children:[i.jsxDEV(m.BodySecondary,{children:"Expiring on"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:196,columnNumber:6},void 0),i.jsxDEV(N.CustomDateTime,{placement:"bottom-start",time:p(),date:new Date(d()),error:a,setError:c,onChange:e=>{o.setDiscountData({...o.discountData,expireAt:e,expireAfter:void 0})},minDate:new Date(r)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:197,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:195,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/CouponExpiration/CouponExpiration.tsx",lineNumber:133,columnNumber:3},void 0)};exports.CouponExpiration=v;
 //# sourceMappingURL=CouponExpiration.js.map

package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js.map

@@ -1 +1 @@
-{"version":3,"file":"CouponExpiration.js","sources":["../../../../../src/components/discount-modal/CouponExpiration/CouponExpiration.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { CustomDateTime } from '@src/components/custom-date-time';\nimport {\n\tCOUPON_EXPIRATION,\n\tICouponData,\n} from '@src/components/discount-modal/type';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\n\ninterface CouponExpirationI {\n\tdiscountData: ICouponData;\n\tisAddExpirationChecked: boolean;\n\tsetDiscountData: (ICouponData) => void;\n\tinValidCouponExpiry: boolean;\n\tsetSelectedExpiration: React.Dispatch<\n\t\tReact.SetStateAction<COUPON_EXPIRATION | undefined>\n\t>;\n\tselectedExpiration: COUPON_EXPIRATION | undefined;\n\thideExpirationOptions?: boolean;\n}\n\nexport const CouponExpiration: React.FC<CouponExpirationI> = (props) => {\n\tconst [errorTimeInput, setErrorTimeInput] = useState<string>();\n\tconst [validDaysError, setValidDaysError] = useState<string>();\n\tconst tomorrow = new Date().setDate(new Date().getDate() + 1);\n\n\tconst formatTime = () => {\n\t\ttry {\n\t\t\treturn format(safeToDate(), 'hh:mm a');\n\t\t} catch (err) {\n\t\t\tconsole.error('formatTime error:', err);\n\t\t\treturn '';\n\t\t}\n\t};\n\n\tconst safeToDate = () => {\n\t\ttry {\n\t\t\tconst value: any = props.discountData.expireAt;\n\t\t\tif (!value) return tomorrow;\n\n\t\t\tlet date;\n\n\t\t\t// Firestore Timestamp\n\t\t\tif (typeof value === 'object' && 'seconds' in value) {\n\t\t\t\tdate = new Date(value.seconds * 1000);\n\t\t\t}\n\t\t\t// Already a Date instance\n\t\t\telse if (value instanceof Date) {\n\t\t\t\tdate = value;\n\t\t\t}\n\t\t\t// Milliseconds timestamp\n\t\t\telse if (typeof value === 'number') {\n\t\t\t\tdate = new Date(value);\n\t\t\t}\n\t\t\t// ISO string\n\t\t\telse if (typeof value === 'string') {\n\t\t\t\tdate = new Date(value);\n\t\t\t}\n\t\t\t// Unknown → fallback\n\t\t\telse {\n\t\t\t\tconsole.warn('safeToDate: unknown type', value);\n\t\t\t\tdate = tomorrow;\n\t\t\t}\n\n\t\t\t// Final validation\n\t\t\tif (isNaN(date.getTime())) {\n\t\t\t\tconsole.warn('safeToDate: Invalid date for value:', value);\n\t\t\t\treturn tomorrow;\n\t\t\t}\n\n\t\t\treturn date;\n\t\t} catch (err) {\n\t\t\tconsole.error('safeToDate error:', err);\n\t\t\treturn tomorrow;\n\t\t}\n\t};\n\n\tconst expirationValues: DropdownOption[] = [\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedExpiration === COUPON_EXPIRATION.DYNAMIC_EXPIRATION,\n\t\t\tlabel: 'After a certain no. of days',\n\t\t\tvalue: COUPON_EXPIRATION.DYNAMIC_EXPIRATION,\n\t\t},\n\t\t{\n\t\t\tselected: props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION,\n\t\t\tlabel: 'Fixed expiry date',\n\t\t\tvalue: COUPON_EXPIRATION.FIXED_EXPIRATION,\n\t\t},\n\t];\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tprops.selectedExpiration === undefined ||\n\t\t\tprops.selectedExpiration === null ||\n\t\t\terrorTimeInput ||\n\t\t\tvalidDaysError\n\t\t) {\n\t\t\tprops.setDiscountData({\n\t\t\t\t...props.discountData,\n\t\t\t\texpireAfter: undefined,\n\t\t\t\texpireAt: undefined,\n\t\t\t});\n\t\t}\n\n\t\tif (props.selectedExpiration && (errorTimeInput || validDaysError)) {\n\t\t\tif (props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION) {\n\t\t\t\tsetValidDaysError(undefined);\n\t\t\t} else {\n\t\t\t\tsetErrorTimeInput(undefined);\n\t\t\t}\n\t\t}\n\t}, [props.selectedExpiration, errorTimeInput, validDaysError]);\n\n\tconst handleDaysChange = (val: string) => {\n\t\tsetValidDaysError(undefined);\n\t\tconst valueNumber = Number.parseInt(val);\n\t\tif (valueNumber > 0) {\n\t\t\tprops.setDiscountData({\n\t\t\t\t...props.discountData,\n\t\t\t\texpireAfter: valueNumber,\n\t\t\t\texpireAt: undefined,\n\t\t\t});\n\t\t} else {\n\t\t\tsetValidDaysError('Please enter valid input');\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 13,\n\t\t\t\tmargin: '16px 0 0 28px',\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t{!props.hideExpirationOptions && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodySecondary style={{ marginBottom: 8 }}>\n\t\t\t\t\t\t\tExpiration\n\t\t\t\t\t\t</BodySecondary>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexGrow: 0,\n\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\tflexBasis: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\twidth=\"268px\"\n\t\t\t\t\t\t\t\toptions={expirationValues}\n\t\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tconst selectedExpirationValue = (\n\t\t\t\t\t\t\t\t\t\toption as any as SingleOption\n\t\t\t\t\t\t\t\t\t).value as COUPON_EXPIRATION;\n\t\t\t\t\t\t\t\t\tprops.setSelectedExpiration(selectedExpirationValue);\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\texpireAt: undefined,\n\t\t\t\t\t\t\t\t\t\texpireAfter: undefined,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{props.selectedExpiration === COUPON_EXPIRATION.DYNAMIC_EXPIRATION && (\n\t\t\t\t<Input\n\t\t\t\t\tvalue={props.discountData.expireAfter?.toString()}\n\t\t\t\t\tplaceholder=\"Eg. 5\"\n\t\t\t\t\tlabelText=\"No. of days before coupon expires\"\n\t\t\t\t\twidth={'268px'}\n\t\t\t\t\ttype={'number'}\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\thandleDaysChange(value);\n\t\t\t\t\t}}\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.inValidCouponExpiry ? 'Required Field' : validDaysError\n\t\t\t\t\t}\n\t\t\t\t\tstate={props.inValidCouponExpiry ? 'invalid' : 'none'}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION && (\n\t\t\t\t<>\n\t\t\t\t\t<BodySecondary>Expiring on</BodySecondary>\n\t\t\t\t\t<CustomDateTime\n\t\t\t\t\t\tplacement={'bottom-start'}\n\t\t\t\t\t\ttime={formatTime()}\n\t\t\t\t\t\tdate={new Date(safeToDate())}\n\t\t\t\t\t\terror={errorTimeInput}\n\t\t\t\t\t\tsetError={setErrorTimeInput}\n\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\texpireAt: value,\n\t\t\t\t\t\t\t\texpireAfter: undefined,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tminDate={new Date(tomorrow)}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["CouponExpiration","props","errorTimeInput","setErrorTimeInput","useState","validDaysError","setValidDaysError","tomorrow","formatTime","format","safeToDate","err","value","date","expirationValues","COUPON_EXPIRATION","useEffect","handleDaysChange","val","valueNumber","jsxDEV","Fragment","BodySecondary","this","Dropdown","option","selectedExpirationValue","Input","CustomDateTime"],"mappings":"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"}
+{"version":3,"file":"CouponExpiration.js","sources":["../../../../../src/components/discount-modal/CouponExpiration/CouponExpiration.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { CustomDateTime } from '@src/components/custom-date-time';\nimport {\n\tCOUPON_EXPIRATION,\n\tICouponData,\n} from '@src/components/discount-modal/type';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\n\ninterface CouponExpirationI {\n\tdiscountData: ICouponData;\n\tisAddExpirationChecked: boolean;\n\tsetDiscountData: (ICouponData) => void;\n\tinValidCouponExpiry: boolean;\n\tsetSelectedExpiration: React.Dispatch<\n\t\tReact.SetStateAction<COUPON_EXPIRATION | undefined>\n\t>;\n\tselectedExpiration: COUPON_EXPIRATION | undefined;\n\thideExpirationOptions?: boolean;\n}\n\nexport const CouponExpiration: React.FC<CouponExpirationI> = (props) => {\n\tconst [errorTimeInput, setErrorTimeInput] = useState<string>();\n\tconst [validDaysError, setValidDaysError] = useState<string>();\n\tconst tomorrow = new Date().setDate(new Date().getDate() + 1);\n\n\tconst formatTime = () => {\n\t\ttry {\n\t\t\treturn format(safeToDate(), 'hh:mm a');\n\t\t} catch (err) {\n\t\t\tconsole.error('formatTime error:', err);\n\t\t\treturn '';\n\t\t}\n\t};\n\n\tconst safeToDate = () => {\n\t\ttry {\n\t\t\tconst value: any = props.discountData.expireAt;\n\t\t\tif (!value) return tomorrow;\n\n\t\t\tlet date;\n\n\t\t\t// Firestore Timestamp\n\t\t\tif (typeof value === 'object' && 'seconds' in value) {\n\t\t\t\tdate = new Date(value.seconds * 1000);\n\t\t\t}\n\t\t\t// Already a Date instance\n\t\t\telse if (value instanceof Date) {\n\t\t\t\tdate = value;\n\t\t\t}\n\t\t\t// Milliseconds timestamp\n\t\t\telse if (typeof value === 'number') {\n\t\t\t\tdate = new Date(value);\n\t\t\t}\n\t\t\t// ISO string\n\t\t\telse if (typeof value === 'string') {\n\t\t\t\tdate = new Date(value);\n\t\t\t}\n\t\t\t// Unknown → fallback\n\t\t\telse {\n\t\t\t\tconsole.warn('safeToDate: unknown type', value);\n\t\t\t\tdate = tomorrow;\n\t\t\t}\n\n\t\t\t// Final validation\n\t\t\tif (isNaN(date.getTime())) {\n\t\t\t\tconsole.warn('safeToDate: Invalid date for value:', value);\n\t\t\t\treturn tomorrow;\n\t\t\t}\n\n\t\t\treturn date;\n\t\t} catch (err) {\n\t\t\tconsole.error('safeToDate error:', err);\n\t\t\treturn tomorrow;\n\t\t}\n\t};\n\n\tconst expirationValues: DropdownOption[] = [\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedExpiration === COUPON_EXPIRATION.DYNAMIC_EXPIRATION,\n\t\t\tlabel: 'After a certain no. of days',\n\t\t\tvalue: COUPON_EXPIRATION.DYNAMIC_EXPIRATION,\n\t\t},\n\t\t{\n\t\t\tselected: props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION,\n\t\t\tlabel: 'Fixed expiry date',\n\t\t\tvalue: COUPON_EXPIRATION.FIXED_EXPIRATION,\n\t\t},\n\t];\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tprops.selectedExpiration === undefined ||\n\t\t\tprops.selectedExpiration === null ||\n\t\t\terrorTimeInput ||\n\t\t\tvalidDaysError\n\t\t) {\n\t\t\tprops.setDiscountData({\n\t\t\t\t...props.discountData,\n\t\t\t\texpireAfter: undefined,\n\t\t\t\texpireAt: undefined,\n\t\t\t});\n\t\t}\n\n\t\tif (props.selectedExpiration && (errorTimeInput || validDaysError)) {\n\t\t\tif (props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION) {\n\t\t\t\tsetValidDaysError(undefined);\n\t\t\t} else {\n\t\t\t\tsetErrorTimeInput(undefined);\n\t\t\t}\n\t\t}\n\t}, [props.selectedExpiration, errorTimeInput, validDaysError]);\n\n\tconst handleDaysChange = (val: string) => {\n\t\tsetValidDaysError(undefined);\n\t\tconst valueNumber = Number.parseInt(val);\n\t\tif (valueNumber > 0) {\n\t\t\tprops.setDiscountData({\n\t\t\t\t...props.discountData,\n\t\t\t\texpireAfter: valueNumber,\n\t\t\t\texpireAt: undefined,\n\t\t\t});\n\t\t} else {\n\t\t\tsetValidDaysError('Please enter valid input');\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 13,\n\t\t\t\tmargin: '16px 0 0 28px',\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t{!props.hideExpirationOptions && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodySecondary style={{ marginBottom: 8 }}>\n\t\t\t\t\t\t\tExpiration\n\t\t\t\t\t\t</BodySecondary>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexGrow: 0,\n\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\tflexBasis: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\twidth=\"268px\"\n\t\t\t\t\t\t\t\toptions={expirationValues}\n\t\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tconst selectedExpirationValue = (\n\t\t\t\t\t\t\t\t\t\toption as any as SingleOption\n\t\t\t\t\t\t\t\t\t).value as COUPON_EXPIRATION;\n\t\t\t\t\t\t\t\t\tprops.setSelectedExpiration(selectedExpirationValue);\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\texpireAt: undefined,\n\t\t\t\t\t\t\t\t\t\texpireAfter: undefined,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{props.selectedExpiration === COUPON_EXPIRATION.DYNAMIC_EXPIRATION && (\n\t\t\t\t<Input\n\t\t\t\t\tvalue={props.discountData.expireAfter?.toString()}\n\t\t\t\t\tplaceholder=\"Eg. 5\"\n\t\t\t\t\tlabelText=\"No. of days before coupon expires\"\n\t\t\t\t\twidth={'268px'}\n\t\t\t\t\ttype={'number'}\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\thandleDaysChange(value);\n\t\t\t\t\t}}\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.inValidCouponExpiry ? 'Required Field' : validDaysError\n\t\t\t\t\t}\n\t\t\t\t\tstate={props.inValidCouponExpiry ? 'invalid' : 'none'}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{props.selectedExpiration === COUPON_EXPIRATION.FIXED_EXPIRATION && (\n\t\t\t\t<>\n\t\t\t\t\t<BodySecondary>Expiring on</BodySecondary>\n\t\t\t\t\t<CustomDateTime\n\t\t\t\t\t\tplacement={'bottom-start'}\n\t\t\t\t\t\ttime={formatTime()}\n\t\t\t\t\t\tdate={new Date(safeToDate())}\n\t\t\t\t\t\terror={errorTimeInput}\n\t\t\t\t\t\tsetError={setErrorTimeInput}\n\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\texpireAt: value,\n\t\t\t\t\t\t\t\texpireAfter: undefined,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tminDate={new Date(tomorrow)}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["CouponExpiration","props","errorTimeInput","setErrorTimeInput","useState","validDaysError","setValidDaysError","tomorrow","formatTime","format","safeToDate","err","value","date","expirationValues","COUPON_EXPIRATION","useEffect","handleDaysChange","val","valueNumber","jsxDEV","Fragment","BodySecondary","this","Dropdown","option","selectedExpirationValue","Input","CustomDateTime"],"mappings":"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"}