npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/post-live-checklist/PostLiveChecklist.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),L=require("../../assets/icons/MarketingIcon.js"),o=require("react"),N=require("../TypographyStyle.js"),d=require("../../constants/Theme.js"),P=require("../buttonGroup/ButtonGroup.js"),g=require("../post-live-checklist-item/PostLiveChecklistItem.js"),I=require("../../assets/icons/HeadsetIcon.js"),S=({title:x="Boost Performance",subtitle:C="Enable these features to make your assistant smarter",marketingChecklist:n=[],supportChecklist:r=[],onChecklistSetup:p,useCaseType:l})=>{const[a,b]=o.useState("marketing"),[i,c]=o.useState("none"),[k,v]=o.useState("marketing");o.useEffect(()=>{const e=n.filter(u=>!u.isCompleted).length,s=r.filter(u=>!u.isCompleted).length;if(e===0&&s===0){c("none");return}if(e>0&&s>0){c("tabs");return}c("list"),e>0&&v("marketing"),s>0&&v("support")},[n,r]);const m=(()=>{const e=[{id:"marketing",title:"Marketing",icon:L.default},{id:"support",title:"Support",icon:I.default}];return l&&String(l).toLowerCase()==="support"?[e[1],e[0]]:e})();o.useEffect(()=>{i==="tabs"&&m.length>0&&b(m[0].id)},[i,l]);const D=()=>i==="tabs"?a==="marketing"?n:r:k==="marketing"?n:r,h=e=>e.toUpperCase(),f=(e,s)=>{p&&p(e,s)};if(i==="none")return null;const y=D();return t.jsxDEV("div",{style:{padding:16,border:`1px solid ${d.COLORS.stroke.primary}`,backgroundColor:d.COLORS.surface.standard,borderRadius:8},children:[t.jsxDEV("div",{children:[t.jsxDEV(N.TitleRegular,{color:"#4B1583",children:x},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:153,columnNumber:5},void 0),t.jsxDEV(N.BodySecondary,{color:d.COLORS.content?.secondary||"#666666",children:C},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:154,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:152,columnNumber:4},void 0),t.jsxDEV("div",{style:{marginTop:12},children:i==="tabs"?t.jsxDEV(t.Fragment,{children:[t.jsxDEV(P.ButtonGroup,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>b(e),activeButtonId:a,buttonGroup:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:162,columnNumber:7},void 0),t.jsxDEV("div",{style:{marginTop:12,display:"flex",flexDirection:"column",gap:12},children:y.map(e=>t.jsxDEV(g.PostLiveChecklistItem,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>f(e.id,h(a))},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:179,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:170,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:161,columnNumber:6},void 0):t.jsxDEV("div",{style:{marginTop:12,display:"flex",flexDirection:"column",gap:12},children:y.map(e=>t.jsxDEV(g.PostLiveChecklistItem,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>f(e.id,h(k))},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:206,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:197,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:159,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:144,columnNumber:3},void 0)};exports.PostLiveChecklist=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),L=require("../../assets/icons/MarketingIcon.js"),t=require("react"),N=require("../TypographyStyle.js"),m=require("../../constants/Theme.js"),P=require("../buttonGroup/ButtonGroup.js"),g=require("../post-live-checklist-item/PostLiveChecklistItem.js"),I=require("../../assets/icons/HeadsetIcon.js"),S=({title:x="Boost Performance",subtitle:C="Enable these features to make your assistant smarter",marketingChecklist:i=[],supportChecklist:r=[],onChecklistSetup:p,useCaseType:l})=>{const[c,b]=t.useState("marketing"),[n,a]=t.useState("none"),[f,k]=t.useState("marketing");t.useEffect(()=>{const e=i.filter(u=>!u.isCompleted).length,s=r.filter(u=>!u.isCompleted).length;if(e===0&&s===0){a("none");return}if(e>0&&s>0){a("tabs");return}a("list"),e>0&&k("marketing"),s>0&&k("support")},[i,r]);const d=(()=>{const e=[{id:"marketing",title:"Marketing",icon:L.default},{id:"support",title:"Support",icon:I.default}];return l&&String(l).toLowerCase()==="support"?[e[1],e[0]]:e})();t.useEffect(()=>{n==="tabs"&&d.length>0&&b(d[0].id)},[n,l]);const D=()=>n==="tabs"?c==="marketing"?i:r:f==="marketing"?i:r,v=e=>e.toUpperCase(),h=(e,s)=>{p&&p(e,s)};if(n==="none")return null;const y=D();return o.jsxDEV("div",{style:{padding:16,border:`1px solid ${m.COLORS.stroke.primary}`,backgroundColor:m.COLORS.surface.standard,borderRadius:8},children:[o.jsxDEV("div",{children:[o.jsxDEV(N.TitleRegular,{color:"#4B1583",children:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:153,columnNumber:5},void 0),o.jsxDEV(N.BodySecondary,{color:m.COLORS.content?.secondary||"#666666",children:C},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:154,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:152,columnNumber:4},void 0),o.jsxDEV("div",{style:{marginTop:12},children:n==="tabs"?o.jsxDEV(o.Fragment,{children:[o.jsxDEV(P.ButtonGroup,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>b(e),activeButtonId:c,buttonGroup:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:162,columnNumber:7},void 0),o.jsxDEV("div",{style:{marginTop:12,display:"flex",flexDirection:"column",gap:12},children:y.map(e=>o.jsxDEV(g.PostLiveChecklistItem,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>h(e.id,v(c))},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:179,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:170,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:161,columnNumber:6},void 0):o.jsxDEV("div",{style:{marginTop:12,display:"flex",flexDirection:"column",gap:12},children:y.map(e=>o.jsxDEV(g.PostLiveChecklistItem,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>h(e.id,v(f))},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:206,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:197,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:159,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist/PostLiveChecklist.tsx",lineNumber:144,columnNumber:3},void 0)};exports.PostLiveChecklist=S;
 //# sourceMappingURL=PostLiveChecklist.js.map

package/dist/cjs/components/post-live-checklist/PostLiveChecklist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostLiveChecklist.js","sources":["../../../../src/components/post-live-checklist/PostLiveChecklist.tsx"],"sourcesContent":["import { HeadsetIcon } from '@src/assets/icons';\nimport MarketingIcon from '@src/assets/icons/MarketingIcon';\nimport React, { useEffect, useState } from 'react';\nimport { ButtonGroup } from '@src/components/buttonGroup';\nimport { PostLiveChecklistItem } from '@src/components/post-live-checklist-item';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonGroupInterface as ButtonGroupItem } from '../buttonGroup/ButtonGroup';\n\nexport interface ChecklistItem {\n\tid: string;\n\tisCompleted: boolean;\n\tisOpen?: boolean;\n\theader: string;\n\timage?: string;\n\tsubHeader?: string;\n}\n\nexport interface PostLiveChecklistProps {\n\ttitle?: string;\n\tsubtitle?: string;\n\tmarketingChecklist?: ChecklistItem[];\n\tsupportChecklist?: ChecklistItem[];\n\tonChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;\n\tuseCaseType?: 'marketing' \| 'support' \| 'both' \| string;\n}\n\nexport const PostLiveChecklist: React.FC<PostLiveChecklistProps> = ({\n\ttitle = 'Boost Performance',\n\tsubtitle = 'Enable these features to make your assistant smarter',\n\tmarketingChecklist = [],\n\tsupportChecklist = [],\n\tonChecklistSetup,\n\tuseCaseType,\n}) => {\n\tconst [selectedTabId, setSelectedTabId] = useState<string>('marketing');\n\tconst [displayMode, setDisplayMode] = useState<'none' \| 'tabs' \| 'list'>(\n\t\t'none',\n\t);\n\tconst [incompleteUseCase, setIncompleteUseCase] = useState<\n\t\t'marketing' \| 'support'\n\t>('marketing');\n\n\t// Auto-detect display mode based on incomplete items\n\tuseEffect(() => {\n\t\tconst marketingIncomplete = marketingChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\t\tconst supportIncomplete = supportChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\n\t\t// both completed -> none\n\t\tif (marketingIncomplete === 0 && supportIncomplete === 0) {\n\t\t\tsetDisplayMode('none');\n\t\t\treturn;\n\t\t}\n\n\t\t// both have at least one incomplete -> tabs\n\t\tif (marketingIncomplete > 0 && supportIncomplete > 0) {\n\t\t\tsetDisplayMode('tabs');\n\t\t\treturn;\n\t\t}\n\n\t\t// only one has incomplete items -> list\n\t\tsetDisplayMode('list');\n\t\tif (marketingIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('marketing');\n\t\t}\n\t\tif (supportIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('support');\n\t\t}\n\t}, [marketingChecklist, supportChecklist]);\n\n\t// Order button group items based on useCaseType\n\tconst getOrderedButtonItems = (): ButtonGroupItem[] => {\n\t\t// Default button items\n\t\tconst defaultItems: ButtonGroupItem[] = [\n\t\t\t{\n\t\t\t\tid: 'marketing',\n\t\t\t\ttitle: 'Marketing',\n\t\t\t\ticon: MarketingIcon,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'support',\n\t\t\t\ttitle: 'Support',\n\t\t\t\ticon: HeadsetIcon,\n\t\t\t},\n\t\t];\n\n\t\t// Reorder based on useCaseType\n\t\tif (!useCaseType) return defaultItems;\n\n\t\tconst type = String(useCaseType).toLowerCase();\n\t\tif (type === 'support') {\n\t\t\treturn [defaultItems[1], defaultItems[0]]; // Support first\n\t\t}\n\n\t\t// 'marketing', 'both', or any other value -> marketing first\n\t\treturn defaultItems;\n\t};\n\n\tconst orderedButtonItems = getOrderedButtonItems();\n\n\t// Initialize selectedTabId based on button order and display mode\n\tuseEffect(() => {\n\t\tif (displayMode === 'tabs' && orderedButtonItems.length > 0) {\n\t\t\tsetSelectedTabId(orderedButtonItems[0].id);\n\t\t}\n\t}, [displayMode, useCaseType]); // Only update when display mode or use case type changes\n\n\t// Get current checklist based on selected tab or incomplete use case\n\tconst getCurrentChecklist = () => {\n\t\tif (displayMode === 'tabs') {\n\t\t\t// For tabs mode, use selectedTabId to determine which checklist\n\t\t\treturn selectedTabId === 'marketing'\n\t\t\t\t? marketingChecklist\n\t\t\t\t: supportChecklist;\n\t\t}\n\t\t// For list mode, use incompleteUseCase\n\t\treturn incompleteUseCase === 'marketing'\n\t\t\t? marketingChecklist\n\t\t\t: supportChecklist;\n\t};\n\n\tconst getAnalyticsButtonId = (tabId: string) => {\n\t\t// Map tab ID to analytics button ID (uppercase)\n\t\treturn tabId.toUpperCase();\n\t};\n\n\tconst handleChecklistSetup = (itemId: string, analyticsButtonId: string) => {\n\t\tif (onChecklistSetup) {\n\t\t\tonChecklistSetup(itemId, analyticsButtonId);\n\t\t}\n\t};\n\n\tif (displayMode === 'none') {\n\t\treturn null;\n\t}\n\n\tconst currentChecklist = getCurrentChecklist();\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<TitleRegular color={'#4B1583'}>{title}</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content?.secondary \|\| '#666666'}>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t<div style={{ marginTop: 12 }}>\n\t\t\t\t{displayMode === 'tabs' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tgap=\"12px\"\n\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\tonButtonClick={(id: string) => setSelectedTabId(id)}\n\t\t\t\t\t\t\tactiveButtonId={selectedTabId}\n\t\t\t\t\t\t\tbuttonGroup={orderedButtonItems}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(selectedTabId),\n\t\t\t\t\t\t\t\t\t\t)\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))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(incompleteUseCase),\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/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["PostLiveChecklist","title","subtitle","marketingChecklist","supportChecklist","onChecklistSetup","useCaseType","selectedTabId","setSelectedTabId","useState","displayMode","setDisplayMode","incompleteUseCase","setIncompleteUseCase","useEffect","marketingIncomplete","it","supportIncomplete","orderedButtonItems","defaultItems","MarketingIcon","HeadsetIcon","getCurrentChecklist","getAnalyticsButtonId","tabId","handleChecklistSetup","itemId","analyticsButtonId","currentChecklist","jsxDEV","COLORS","TitleRegular","this","BodySecondary","Fragment","ButtonGroup","id","item","PostLiveChecklistItem"],"mappings":"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"}
1	+ {"version":3,"file":"PostLiveChecklist.js","sources":["../../../../src/components/post-live-checklist/PostLiveChecklist.tsx"],"sourcesContent":["import { HeadsetIcon } from '@src/assets/icons';\nimport MarketingIcon from '@src/assets/icons/MarketingIcon';\nimport React, { useEffect, useState } from 'react';\nimport { ButtonGroup } from '@src/components/buttonGroup';\nimport { PostLiveChecklistItem } from '@src/components/post-live-checklist-item';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonGroupInterface as ButtonGroupItem } from '../buttonGroup/ButtonGroup';\n\nexport interface ChecklistItem {\n\tid: string;\n\tisCompleted: boolean;\n\tisOpen?: boolean;\n\theader: string;\n\timage?: string;\n\tsubHeader?: string;\n}\n\nexport interface PostLiveChecklistProps {\n\ttitle?: string;\n\tsubtitle?: string;\n\tmarketingChecklist?: ChecklistItem[];\n\tsupportChecklist?: ChecklistItem[];\n\tonChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;\n\tuseCaseType?: 'marketing' \| 'support' \| 'both' \| string;\n}\n\nexport const PostLiveChecklist: React.FC<PostLiveChecklistProps> = ({\n\ttitle = 'Boost Performance',\n\tsubtitle = 'Enable these features to make your assistant smarter',\n\tmarketingChecklist = [],\n\tsupportChecklist = [],\n\tonChecklistSetup,\n\tuseCaseType,\n}) => {\n\tconst [selectedTabId, setSelectedTabId] = useState<string>('marketing');\n\tconst [displayMode, setDisplayMode] = useState<'none' \| 'tabs' \| 'list'>(\n\t\t'none',\n\t);\n\tconst [incompleteUseCase, setIncompleteUseCase] = useState<\n\t\t'marketing' \| 'support'\n\t>('marketing');\n\n\t// Auto-detect display mode based on incomplete items\n\tuseEffect(() => {\n\t\tconst marketingIncomplete = marketingChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\t\tconst supportIncomplete = supportChecklist.filter(\n\t\t\t(it) => !it.isCompleted,\n\t\t).length;\n\n\t\t// both completed -> none\n\t\tif (marketingIncomplete === 0 && supportIncomplete === 0) {\n\t\t\tsetDisplayMode('none');\n\t\t\treturn;\n\t\t}\n\n\t\t// both have at least one incomplete -> tabs\n\t\tif (marketingIncomplete > 0 && supportIncomplete > 0) {\n\t\t\tsetDisplayMode('tabs');\n\t\t\treturn;\n\t\t}\n\n\t\t// only one has incomplete items -> list\n\t\tsetDisplayMode('list');\n\t\tif (marketingIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('marketing');\n\t\t}\n\t\tif (supportIncomplete > 0) {\n\t\t\tsetIncompleteUseCase('support');\n\t\t}\n\t}, [marketingChecklist, supportChecklist]);\n\n\t// Order button group items based on useCaseType\n\tconst getOrderedButtonItems = (): ButtonGroupItem[] => {\n\t\t// Default button items\n\t\tconst defaultItems: ButtonGroupItem[] = [\n\t\t\t{\n\t\t\t\tid: 'marketing',\n\t\t\t\ttitle: 'Marketing',\n\t\t\t\ticon: MarketingIcon,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'support',\n\t\t\t\ttitle: 'Support',\n\t\t\t\ticon: HeadsetIcon,\n\t\t\t},\n\t\t];\n\n\t\t// Reorder based on useCaseType\n\t\tif (!useCaseType) return defaultItems;\n\n\t\tconst type = String(useCaseType).toLowerCase();\n\t\tif (type === 'support') {\n\t\t\treturn [defaultItems[1], defaultItems[0]]; // Support first\n\t\t}\n\n\t\t// 'marketing', 'both', or any other value -> marketing first\n\t\treturn defaultItems;\n\t};\n\n\tconst orderedButtonItems = getOrderedButtonItems();\n\n\t// Initialize selectedTabId based on button order and display mode\n\tuseEffect(() => {\n\t\tif (displayMode === 'tabs' && orderedButtonItems.length > 0) {\n\t\t\tsetSelectedTabId(orderedButtonItems[0].id);\n\t\t}\n\t}, [displayMode, useCaseType]); // Only update when display mode or use case type changes\n\n\t// Get current checklist based on selected tab or incomplete use case\n\tconst getCurrentChecklist = () => {\n\t\tif (displayMode === 'tabs') {\n\t\t\t// For tabs mode, use selectedTabId to determine which checklist\n\t\t\treturn selectedTabId === 'marketing'\n\t\t\t\t? marketingChecklist\n\t\t\t\t: supportChecklist;\n\t\t}\n\t\t// For list mode, use incompleteUseCase\n\t\treturn incompleteUseCase === 'marketing'\n\t\t\t? marketingChecklist\n\t\t\t: supportChecklist;\n\t};\n\n\tconst getAnalyticsButtonId = (tabId: string) => {\n\t\t// Map tab ID to analytics button ID (uppercase)\n\t\treturn tabId.toUpperCase();\n\t};\n\n\tconst handleChecklistSetup = (itemId: string, analyticsButtonId: string) => {\n\t\tif (onChecklistSetup) {\n\t\t\tonChecklistSetup(itemId, analyticsButtonId);\n\t\t}\n\t};\n\n\tif (displayMode === 'none') {\n\t\treturn null;\n\t}\n\n\tconst currentChecklist = getCurrentChecklist();\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<TitleRegular color={'#4B1583'}>{title}</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content?.secondary \|\| '#666666'}>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t<div style={{ marginTop: 12 }}>\n\t\t\t\t{displayMode === 'tabs' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tgap=\"12px\"\n\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\tonButtonClick={(id: string) => setSelectedTabId(id)}\n\t\t\t\t\t\t\tactiveButtonId={selectedTabId}\n\t\t\t\t\t\t\tbuttonGroup={orderedButtonItems}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(selectedTabId),\n\t\t\t\t\t\t\t\t\t\t)\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))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentChecklist.map((item: ChecklistItem) => (\n\t\t\t\t\t\t\t<PostLiveChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisCompleted={item.isCompleted}\n\t\t\t\t\t\t\t\tisOpen={item.isOpen}\n\t\t\t\t\t\t\t\theader={item.header}\n\t\t\t\t\t\t\t\timage={item.image}\n\t\t\t\t\t\t\t\tsubHeader={item.subHeader}\n\t\t\t\t\t\t\t\tonSetup={() =>\n\t\t\t\t\t\t\t\t\thandleChecklistSetup(\n\t\t\t\t\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t\t\t\t\tgetAnalyticsButtonId(incompleteUseCase),\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/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["PostLiveChecklist","title","subtitle","marketingChecklist","supportChecklist","onChecklistSetup","useCaseType","selectedTabId","setSelectedTabId","useState","displayMode","setDisplayMode","incompleteUseCase","setIncompleteUseCase","useEffect","marketingIncomplete","it","supportIncomplete","orderedButtonItems","defaultItems","MarketingIcon","HeadsetIcon","getCurrentChecklist","getAnalyticsButtonId","tabId","handleChecklistSetup","itemId","analyticsButtonId","currentChecklist","jsxDEV","COLORS","TitleRegular","this","BodySecondary","Fragment","ButtonGroup","id","item","PostLiveChecklistItem"],"mappings":"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"}

package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),d=require("../../assets/icons/CheckIndicatorIcon.js"),b=require("../../assets/icons/chevronDownOutline.svg.js"),k=require("../../assets/icons/chevronUpOutline.svg.js"),c=require("react"),m=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),p=require("../button/Button.js"),h=t=>{const{isCompleted:o,header:a,subHeader:u,isOpen:n=!1}=t,{onSetup:r}=t,[s,l]=c.useState(n);return c.useEffect(()=>{l(n)},[n]),e.jsxDEV("div",{style:{backgroundColor:s?i.COLORS.surface.subdued:i.COLORS.surface.standard,borderRadius:8},children:[e.jsxDEV("div",{style:{color:i.COLORS.surface.standard,padding:16,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",cursor:o?"default":"pointer"},onClick:()=>!o&&l(!s),children:[e.jsxDEV(m.TitleSmall,{color:s?"#4B1583":i.COLORS.content.primary,children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:52,columnNumber:5},void 0),o?e.jsxDEV(d.CheckIndicatorIcon,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:56,columnNumber:6},void 0):s?e.jsxDEV(k.default,{width:24,height:24,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:64,columnNumber:6},void 0):e.jsxDEV(b.default,{width:24,height:24,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:58,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:40,columnNumber:4},void 0),e.jsxDEV("div",{children:s&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:e.jsxDEV("div",{style:{padding:16,paddingTop:0,gap:16,display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{height:200,backgroundColor:"#EFE6F9",borderRadius:8,overflow:"hidden"},children:e.jsxDEV("img",{src:t.image,alt:"checklist item",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:93,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:85,columnNumber:8},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:16},children:[e.jsxDEV("div",{style:{flex:2},children:e.jsxDEV(m.BodyCaption,{color:i.COLORS.content.secondary,numberOfLines:3,children:u},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:114,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:113,columnNumber:9},void 0),e.jsxDEV("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:e.jsxDEV(p.Button,{buttonType:"primary",size:"small",buttonText:"Setup",onClick:()=>{r&&r()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:128,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:121,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:105,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:76,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:69,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:67,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:32,columnNumber:3},void 0)};exports.PostLiveChecklistItem=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("../../assets/icons/CheckIndicatorIcon.js"),b=require("../../assets/icons/chevronDownOutline.svg.js"),p=require("../../assets/icons/chevronUpOutline.svg.js"),c=require("react"),m=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),f=require("../button/Button.js"),h=s=>{const{isCompleted:n,header:d,subHeader:a,isOpen:t=!1}=s,{onSetup:l}=s,[o,r]=c.useState(t);return c.useEffect(()=>{r(t)},[t]),e.jsxDEV("div",{style:{backgroundColor:o?i.COLORS.surface.subdued:i.COLORS.surface.standard,borderRadius:8},children:[e.jsxDEV("div",{style:{color:i.COLORS.surface.standard,padding:16,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",cursor:n?"default":"pointer"},onClick:()=>!n&&r(!o),children:[e.jsxDEV(m.TitleSmall,{color:o?"#4B1583":i.COLORS.content.primary,children:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:52,columnNumber:5},void 0),n?e.jsxDEV(u.CheckIndicatorIcon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:56,columnNumber:6},void 0):o?e.jsxDEV(p.default,{width:24,height:24,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:64,columnNumber:6},void 0):e.jsxDEV(b.default,{width:24,height:24,color:i.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:58,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:40,columnNumber:4},void 0),e.jsxDEV("div",{children:o&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:e.jsxDEV("div",{style:{padding:16,paddingTop:0,gap:16,display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{height:200,backgroundColor:"#EFE6F9",borderRadius:8,overflow:"hidden"},children:e.jsxDEV("img",{src:s.image,alt:"checklist item",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:93,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:85,columnNumber:8},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:16},children:[e.jsxDEV("div",{style:{flex:2},children:e.jsxDEV(m.BodyCaption,{color:i.COLORS.content.secondary,numberOfLines:3,children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:114,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:113,columnNumber:9},void 0),e.jsxDEV("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:e.jsxDEV(f.Button,{buttonType:"primary",size:"small",buttonText:"Setup",onClick:()=>{l&&l()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:128,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:121,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:105,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:76,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:69,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:67,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/post-live-checklist-item/PostLiveChecklistItem.tsx",lineNumber:32,columnNumber:3},void 0)};exports.PostLiveChecklistItem=h;
 //# sourceMappingURL=PostLiveChecklistItem.js.map

package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostLiveChecklistItem.js","sources":["../../../../src/components/post-live-checklist-item/PostLiveChecklistItem.tsx"],"sourcesContent":["import { CheckIndicatorIcon } from '@src/assets/icons/CheckIndicatorIcon';\nimport ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronUp from '@src/assets/icons/chevronUpOutline.svg';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface PostLiveChecklistItemProps {\n\tisCompleted: boolean;\n\theader: string;\n\tsubHeader?: string;\n\tisOpen?: boolean;\n\tonSetup?: () => void;\n\timage?: string;\n}\n\nexport const PostLiveChecklistItem: React.FC<PostLiveChecklistItemProps> = (\n\tprops,\n) => {\n\tconst { isCompleted, header, subHeader, isOpen = false } = props;\n\tconst { onSetup } = props;\n\n\tconst [open, setOpen] = useState<boolean>(isOpen);\n\n\t// Keep local open state in sync if parent decides to open this item\n\tuseEffect(() => {\n\t\tsetOpen(isOpen);\n\t}, [isOpen]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: open\n\t\t\t\t\t? COLORS.surface.subdued\n\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.surface.standard,\n\t\t\t\t\tpadding: 16,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tcursor: isCompleted ? 'default' : 'pointer',\n\t\t\t\t}}\n\t\t\t\tonClick={() => !isCompleted && setOpen(!open)}\n\t\t\t>\n\t\t\t\t<TitleSmall color={open ? '#4B1583' : COLORS.content.primary}>\n\t\t\t\t\t{header}\n\t\t\t\t</TitleSmall>\n\t\t\t\t{isCompleted ? (\n\t\t\t\t\t<CheckIndicatorIcon />\n\t\t\t\t) : !open ? (\n\t\t\t\t\t<ChevronDownIcon\n\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\theight={24}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronUp width={24} height={24} color={COLORS.content.secondary} />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{open && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\t\t\tpaddingTop: 0,\n\t\t\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\theight: 200,\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#EFE6F9',\n\t\t\t\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={props.image}\n\t\t\t\t\t\t\t\t\talt=\"checklist item\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\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</div>\n\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div style={{ flex: 2 }}>\n\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tnumberOfLines={3}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{subHeader}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\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\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonText=\"Setup\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (onSetup) onSetup();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["PostLiveChecklistItem","props","isCompleted","header","subHeader","isOpen","onSetup","open","setOpen","useState","useEffect","jsxDEV","COLORS","TitleSmall","this","CheckIndicatorIcon","ChevronUp","ChevronDownIcon","BodyCaption","Button"],"mappings":"8ZAiBaA,EACZC,GACI,CACJ,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,EAAS,IAAUJ,EACrD,CAAE,QAAAK,GAAYL,EAEd,CAACM,EAAMC,CAAO,EAAIC,EAAAA,SAAkBJ,CAAM,EAGhDK,OAAAA,EAAAA,UAAU,IAAM,CACfF,EAAQH,CAAM,CACf,EAAG,CAACA,CAAM,CAAC,EAGVM,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,gBAAiBJ,EACdK,SAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,SAClB,aAAc,CAAA,EAGf,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,SACtB,QAAS,GACT,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,WAAY,SACZ,OAAQV,EAAc,UAAY,SAAA,EAEnC,QAAS,IAAM,CAACA,GAAeM,EAAQ,CAACD,CAAI,EAE5C,SAAA,CAAAI,EAAAA,OAACE,EAAAA,YAAW,MAAON,EAAO,UAAYK,EAAAA,OAAO,QAAQ,QACnD,SAAAT,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,EACCZ,WACCa,EAAAA,mBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAoB,EAChBP,EAOJI,EAAAA,OAACK,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAOJ,EAAAA,OAAO,QAAQ,SAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAmE,EANnEH,EAAAA,OAACM,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOL,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAMmE,CAAA,EAxBrE,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA2BAH,EAAAA,OAAC,OACC,SAAAJ,GACAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAK,MAAA,EAGN,SAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,GACT,WAAY,EACZ,IAAK,GACL,QAAS,OACT,cAAe,QAAA,EAGhB,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,IACR,gBAAiB,UACjB,aAAc,EACd,SAAU,QAAA,EAGX,SAAAA,EAAAA,OAAC,MAAA,CACA,IAAKV,EAAM,MACX,IAAI,iBACJ,MAAO,CACN,MAAO,OACP,OAAQ,OACR,UAAW,QACX,QAAS,OAAA,CACV,EARD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CASA,EAjBD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,WAAY,SACZ,IAAK,EAAA,EAGN,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,GACnB,SAAAA,EAAAA,OAACO,EAAAA,YAAA,CACA,MAAON,EAAAA,OAAO,QAAQ,UACtB,cAAe,EAEd,SAAAR,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,IAAA,aAAA,EAAA,EAAAU,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EACAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,QAAS,OACT,eAAgB,UAAA,EAGjB,SAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAW,UACX,KAAK,QACL,WAAW,QACX,QAAS,IAAM,CACVb,GAASA,EAAA,CACd,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,IAAA,aAAA,EAAA,EAAAQ,MAAA,CAOA,EAdD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAeA,CAAA,EA/BD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAgCA,CAAA,EA7DD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8DA,EArED,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsEA,EAxEF,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0EA,CAAA,CAAA,EA7GD,OAAA,GAAA,CAAA,SAAA,~~uJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgHF"}
1	+ {"version":3,"file":"PostLiveChecklistItem.js","sources":["../../../../src/components/post-live-checklist-item/PostLiveChecklistItem.tsx"],"sourcesContent":["import { CheckIndicatorIcon } from '@src/assets/icons/CheckIndicatorIcon';\nimport ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronUp from '@src/assets/icons/chevronUpOutline.svg';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface PostLiveChecklistItemProps {\n\tisCompleted: boolean;\n\theader: string;\n\tsubHeader?: string;\n\tisOpen?: boolean;\n\tonSetup?: () => void;\n\timage?: string;\n}\n\nexport const PostLiveChecklistItem: React.FC<PostLiveChecklistItemProps> = (\n\tprops,\n) => {\n\tconst { isCompleted, header, subHeader, isOpen = false } = props;\n\tconst { onSetup } = props;\n\n\tconst [open, setOpen] = useState<boolean>(isOpen);\n\n\t// Keep local open state in sync if parent decides to open this item\n\tuseEffect(() => {\n\t\tsetOpen(isOpen);\n\t}, [isOpen]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: open\n\t\t\t\t\t? COLORS.surface.subdued\n\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\tborderRadius: 8,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.surface.standard,\n\t\t\t\t\tpadding: 16,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tcursor: isCompleted ? 'default' : 'pointer',\n\t\t\t\t}}\n\t\t\t\tonClick={() => !isCompleted && setOpen(!open)}\n\t\t\t>\n\t\t\t\t<TitleSmall color={open ? '#4B1583' : COLORS.content.primary}>\n\t\t\t\t\t{header}\n\t\t\t\t</TitleSmall>\n\t\t\t\t{isCompleted ? (\n\t\t\t\t\t<CheckIndicatorIcon />\n\t\t\t\t) : !open ? (\n\t\t\t\t\t<ChevronDownIcon\n\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\theight={24}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ChevronUp width={24} height={24} color={COLORS.content.secondary} />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{open && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\t\t\tpaddingTop: 0,\n\t\t\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\theight: 200,\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#EFE6F9',\n\t\t\t\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={props.image}\n\t\t\t\t\t\t\t\t\talt=\"checklist item\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\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</div>\n\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div style={{ flex: 2 }}>\n\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tnumberOfLines={3}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{subHeader}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\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\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonText=\"Setup\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (onSetup) onSetup();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["PostLiveChecklistItem","props","isCompleted","header","subHeader","isOpen","onSetup","open","setOpen","useState","useEffect","jsxDEV","COLORS","TitleSmall","this","CheckIndicatorIcon","ChevronUp","ChevronDownIcon","BodyCaption","Button"],"mappings":"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"}

package/dist/cjs/components/postPicker/postPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),I=require("../../assets/icons/searchIcon.js"),r=require("react"),D=require("./PostPicker.styled.js"),a=require("../TypographyStyle.js"),q=require("../../utils/unCamelCase.js"),B=require("../../constants/colors.js"),m=require("../../constants/Theme.js"),L=require("../../assets/icons/instagram.svg.js"),$=require("../../assets/icons/warning.svg.js"),M=require("../shimmer-image/ShimmerImage.js"),F=require("../modals/styledModal.js"),_=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),A=require("../shimmer/ShimmerComponent/BikShimmer.js"),x=require("../states/StateComponent.js"),Y=require("../tag/Tag.js");var P=(e=>(e.STORY="story",e.POST="post",e.REEL="reel",e))(P||{}),g=(e=>(e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday",e))(g||{});const E=[{label:"Today",value:"today",key:"Today",typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:"7",typeValue:[new Date(new Date().setDate(new Date().getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:"30",typeValue:[new Date(new Date().setDate(new Date().getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date(new Date().setMonth(new Date().getMonth()+3))}}],G=e=>{const[o,f]=r.useState(e.previouslySelected??[]),[h,u]=r.useState(""),[w,d]=r.useState(!1),[l,b]=r.useState(e.media),[k,p]=r.useState(!1),[S,v]=r.useState(!1),[N,C]=r.useState(!1),j=r.useRef(null);r.useEffect(()=>{e.media.length||(d(!0),setTimeout(()=>{d(!1)},2e3)),f(e.selected||[])},[]),r.useEffect(()=>{e.media.length>0&&(b(e.media),d(!1))},[e?.media?.length]),r.useEffect(()=>{o.length>0&&u("")},[o.length]),r.useEffect(()=>{k&&(b(e.media),v(!1))},[k]),r.useEffect(()=>{const n=s=>{document.getElementById("analytic-dropdown").contains(s.target)||C(!N)},i=document.getElementById("post-picker");return i&&i.addEventListener("click",n),()=>{i&&i.removeEventListener("click",n)}});const V=n=>{f(()=>o.find(i=>i.id===n.id)?o.filter(i=>i.id!==n.id):!e.limit||o.length<e.limit?[...o,n]:(u(`Only ${e.limit} ${e.mediaType}s can be selected`),o))},U=()=>{if(!o.length){u(`Please select a ${e.mediaType} to proceed`);return}e.onSelect(o)},T=()=>h?t.jsxDEV(Y.Tag,{tagText:h,type:"negative",LeadingIcon:$.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:203,columnNumber:11},void 0):o.length?t.jsxDEV(a.BodySecondary,{children:[o.length," selected"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:205,columnNumber:11},void 0):null,W=(n,i)=>i.some(s=>s.id===n.id);function R(n,i,s){const c=new Date(n),y=new Date(i),O=new Date(s);return c>=y&&c<=O}return t.jsxDEV("div",{ref:j,children:t.jsxDEV(F.StyledModal,{zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:e.showFilter?650:564},primaryButton:{disabled:!l.length,buttonType:"primary",buttonText:`Select ${q.unCamelCase(e.mediaType)}`,onClick:()=>U()},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:T(),id:"post-picker",children:[e.showFilter&&t.jsxDEV("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[t.jsxDEV(_.AnalyticsDropdown,{options:E,placeholder:"posted on",resetDropdown:k,onOptionSelected:n=>{let i=null,s=null;n.label==="Custom range"?(i=n?.selectedRange?.[0]||new Date,s=n?.selectedRange?.[1]||new Date):(i=n.typeValue[0],s=n.typeValue[1]);const c=e.media.filter(y=>R(y.timestamp,i,s));b(c),v(!0),p(!1)},closeDropdown:N},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:260,columnNumber:7},void 0),S&&t.jsxDEV(a.ButtonRegular,{color:m.COLORS.content.secondary,onClick:()=>p(!0),style:{cursor:"pointer"},children:"Clear"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:285,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:249,columnNumber:6},void 0),w?t.jsxDEV("div",{style:{padding:"0 24px"},children:t.jsxDEV(A.BikShimmer,{boxes:[{width:`${e.mediaType=="post"?148:104}px`,height:`${e.mediaType=="post"?148:172}px`}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:299,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:298,columnNumber:6},void 0):t.jsxDEV(t.Fragment,{children:l&&l.length?t.jsxDEV(D.StyledProductGrid,{mediaType:e.mediaType,children:l.map(n=>t.jsxDEV(D.StyledProduct,{mediaType:e.mediaType,className:`${W(n,o)?"selected":""}`,onClick:()=>V(n),children:[t.jsxDEV(M.ShimmerImage,{imageUrl:n.imageUrl,width:e.mediaType=="post"?148:104,height:e.mediaType=="post"?148:172,alt:n.overlayCaption},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:323,columnNumber:11},void 0),t.jsxDEV("div",{className:"overlay",children:[t.jsxDEV("a",{target:"_blank",rel:"noreferrer",href:n.redirectionUrl,children:t.jsxDEV("div",{className:"overlay__redirection",children:[t.jsxDEV(L.default,{height:22,width:22},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:336,columnNumber:14},void 0),t.jsxDEV(a.BodyPrimary,{color:B.PRIMARY,style:{fontWeight:500},children:"View"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:337,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:335,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:330,columnNumber:12},void 0),t.jsxDEV("div",{className:"overlay__caption",children:t.jsxDEV(a.BodyCaption,{color:m.COLORS.content.placeholder,children:n.overlayCaption},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:348,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:347,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:329,columnNumber:11},void 0)]},n.id,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:315,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:313,columnNumber:8},void 0):t.jsxDEV("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:e.media.length?l.length?t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:427,columnNumber:10},void 0):t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${m.COLORS.background.inverse}`,borderRadius:"50%"},children:t.jsxDEV(I.SearchIcon,{color:m.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:394,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:382,columnNumber:11},void 0),t.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[t.jsxDEV(a.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:406,columnNumber:12},void 0),t.jsxDEV(a.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:407,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:397,columnNumber:11},void 0),t.jsxDEV("div",{onClick:()=>{p(!0)},style:{cursor:"pointer"},children:t.jsxDEV(a.ButtonLarge,{color:`${m.COLORS.content.brand}`,children:"Clear Filter"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:421,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:413,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:374,columnNumber:10},void 0):t.jsxDEV(x.StateComponent,{states:x.StateInterface.WARNING,heading:`No ${e.mediaType}s on your account`,subline:`There seems to be no ${e.mediaType}s on your account`,isButtonEnabled:!1,width:400},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:366,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:357,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:311,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:225,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:224,columnNumber:3},void 0)};exports.DateKeys=g;exports.MEDIA_TYPES=P;exports.PostPicker=G;exports.dateOptions=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),q=require("../../assets/icons/searchIcon.js"),i=require("react"),h=require("./PostPicker.styled.js"),a=require("../TypographyStyle.js"),B=require("../../utils/unCamelCase.js"),L=require("../../constants/colors.js"),d=require("../../constants/Theme.js"),$=require("../../assets/icons/instagram.svg.js"),M=require("../../assets/icons/warning.svg.js"),F=require("../shimmer-image/ShimmerImage.js"),_=require("../modals/styledModal.js"),A=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("../shimmer/ShimmerComponent/BikShimmer.js"),P=require("../states/StateComponent.js"),G=require("../tag/Tag.js");var w=(e=>(e.STORY="story",e.POST="post",e.REEL="reel",e))(w||{}),g=(e=>(e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday",e))(g||{});const v=[{label:"Today",value:"today",key:"Today",typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:"7",typeValue:[new Date(new Date().setDate(new Date().getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:"30",typeValue:[new Date(new Date().setDate(new Date().getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date(new Date().setMonth(new Date().getMonth()+3))}}],W=e=>{const[r,k]=i.useState(e.previouslySelected??[]),[N,m]=i.useState(""),[E,u]=i.useState(!1),[l,y]=i.useState(e.media),[f,b]=i.useState(!1),[S,D]=i.useState(!1),[x,C]=i.useState(!1),j=i.useRef(null);i.useEffect(()=>{e.media.length||(u(!0),setTimeout(()=>{u(!1)},2e3)),k(e.selected||[])},[]),i.useEffect(()=>{e.media.length>0&&(y(e.media),u(!1))},[e?.media?.length]),i.useEffect(()=>{r.length>0&&m("")},[r.length]),i.useEffect(()=>{f&&(y(e.media),D(!1))},[f]),i.useEffect(()=>{const o=s=>{document.getElementById("analytic-dropdown").contains(s.target)||C(!x)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",o),()=>{t&&t.removeEventListener("click",o)}});const V=o=>{k(()=>r.find(t=>t.id===o.id)?r.filter(t=>t.id!==o.id):!e.limit||r.length<e.limit?[...r,o]:(m(`Only ${e.limit} ${e.mediaType}s can be selected`),r))},U=()=>{if(!r.length){m(`Please select a ${e.mediaType} to proceed`);return}e.onSelect(r)},T=()=>N?n.jsxDEV(G.Tag,{tagText:N,type:"negative",LeadingIcon:M.default},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:203,columnNumber:11},void 0):r.length?n.jsxDEV(a.BodySecondary,{children:[r.length," selected"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:205,columnNumber:11},void 0):null,R=(o,t)=>t.some(s=>s.id===o.id);function O(o,t,s){const c=new Date(o),p=new Date(t),I=new Date(s);return c>=p&&c<=I}return n.jsxDEV("div",{ref:j,children:n.jsxDEV(_.StyledModal,{zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:e.showFilter?650:564},primaryButton:{disabled:!l.length,buttonType:"primary",buttonText:`Select ${B.unCamelCase(e.mediaType)}`,onClick:()=>U()},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:T(),id:"post-picker",children:[e.showFilter&&n.jsxDEV("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[n.jsxDEV(A.AnalyticsDropdown,{options:v,placeholder:"posted on",resetDropdown:f,onOptionSelected:o=>{let t=null,s=null;o.label==="Custom range"?(t=o?.selectedRange?.[0]||new Date,s=o?.selectedRange?.[1]||new Date):(t=o.typeValue[0],s=o.typeValue[1]);const c=e.media.filter(p=>O(p.timestamp,t,s));y(c),D(!0),b(!1)},closeDropdown:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:260,columnNumber:7},void 0),S&&n.jsxDEV(a.ButtonRegular,{color:d.COLORS.content.secondary,onClick:()=>b(!0),style:{cursor:"pointer"},children:"Clear"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:285,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:249,columnNumber:6},void 0),E?n.jsxDEV("div",{style:{padding:"0 24px"},children:n.jsxDEV(Y.BikShimmer,{boxes:[{width:`${e.mediaType=="post"?148:104}px`,height:`${e.mediaType=="post"?148:172}px`}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:299,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:298,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{children:l&&l.length?n.jsxDEV(h.StyledProductGrid,{mediaType:e.mediaType,children:l.map(o=>n.jsxDEV(h.StyledProduct,{mediaType:e.mediaType,className:`${R(o,r)?"selected":""}`,onClick:()=>V(o),children:[n.jsxDEV(F.ShimmerImage,{imageUrl:o.imageUrl,width:e.mediaType=="post"?148:104,height:e.mediaType=="post"?148:172,alt:o.overlayCaption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:323,columnNumber:11},void 0),n.jsxDEV("div",{className:"overlay",children:[n.jsxDEV("a",{target:"_blank",rel:"noreferrer",href:o.redirectionUrl,children:n.jsxDEV("div",{className:"overlay__redirection",children:[n.jsxDEV($.default,{height:22,width:22},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:336,columnNumber:14},void 0),n.jsxDEV(a.BodyPrimary,{color:L.PRIMARY,style:{fontWeight:500},children:"View"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:337,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:335,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:330,columnNumber:12},void 0),n.jsxDEV("div",{className:"overlay__caption",children:n.jsxDEV(a.BodyCaption,{color:d.COLORS.content.placeholder,children:o.overlayCaption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:348,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:347,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:329,columnNumber:11},void 0)]},o.id,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:315,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:313,columnNumber:8},void 0):n.jsxDEV("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:e.media.length?l.length?n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:427,columnNumber:10},void 0):n.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[n.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${d.COLORS.background.inverse}`,borderRadius:"50%"},children:n.jsxDEV(q.SearchIcon,{color:d.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:394,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:382,columnNumber:11},void 0),n.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[n.jsxDEV(a.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:406,columnNumber:12},void 0),n.jsxDEV(a.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:407,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:397,columnNumber:11},void 0),n.jsxDEV("div",{onClick:()=>{b(!0)},style:{cursor:"pointer"},children:n.jsxDEV(a.ButtonLarge,{color:`${d.COLORS.content.brand}`,children:"Clear Filter"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:421,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:413,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:374,columnNumber:10},void 0):n.jsxDEV(P.StateComponent,{states:P.StateInterface.WARNING,heading:`No ${e.mediaType}s on your account`,subline:`There seems to be no ${e.mediaType}s on your account`,isButtonEnabled:!1,width:400},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:366,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:357,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:311,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:225,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/postPicker/postPicker.tsx",lineNumber:224,columnNumber:3},void 0)};exports.DateKeys=g;exports.MEDIA_TYPES=w;exports.PostPicker=W;exports.dateOptions=v;
 //# sourceMappingURL=postPicker.js.map

package/dist/cjs/components/postPicker/postPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\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</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","PostPicker","props","selectedMedia","setSelectedMedia","useState","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","handleClick","event","element","handleProductSelect","selectedPost","post","handleOnSave","renderFooterLeftComponent","Tag","WarningIcon","this","BodySecondary","containsObject","obj","list","elem","isDateInRange","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","jsxDEV","StyledModal","unCamelCase","AnalyticsDropdown","chosen","start","end","filtered","item","ButtonRegular","COLORS","BikShimmer","Fragment","StyledProductGrid","StyledProduct","ShimmerImage","InstagramIcon","BodyPrimary","PRIMARY","BodyCaption","SearchIcon","TitleMedium","ButtonLarge","StateComponent","StateInterface"],"mappings":"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"}
1	+ {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\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</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","PostPicker","props","selectedMedia","setSelectedMedia","useState","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","handleClick","event","element","handleProductSelect","selectedPost","post","handleOnSave","renderFooterLeftComponent","Tag","WarningIcon","this","BodySecondary","containsObject","obj","list","elem","isDateInRange","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","jsxDEV","StyledModal","unCamelCase","AnalyticsDropdown","chosen","start","end","filtered","item","ButtonRegular","COLORS","BikShimmer","Fragment","StyledProductGrid","StyledProduct","ShimmerImage","InstagramIcon","BodyPrimary","PRIMARY","BodyCaption","SearchIcon","TitleMedium","ButtonLarge","StateComponent","StateInterface"],"mappings":"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"}

package/dist/cjs/components/product-picker/ProductPickerModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),E=require("../../_virtual/index.js"),l=require("react"),M=require("../bik-layout/PageLoader.js"),h=require("./ProductPicker.styled.js"),c=require("../TypographyStyle.js"),U=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),V=require("../../assets/icons/alert_triangle.svg.js"),g=require("../../assets/icons/search.svg.js"),T=require("../modals/styledModal.js"),j=require("../input/Input.js"),S=require("../checkBox/CheckBox.js"),k="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",_=({text:e,styleProps:t})=>r.jsxDEV(h.StyledZeroState,{children:[r.jsxDEV("div",{className:"icon__container",style:{...t},children:r.jsxDEV(V.default,{width:24,height:24,color:i.DEFAULT_THEME.colorsV2.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:37,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:36,columnNumber:4},void 0),r.jsxDEV(c.TitleSmall,{children:"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:43,columnNumber:4},void 0),r.jsxDEV(c.BodySecondary,{style:{color:i.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${e}"`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:44,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:35,columnNumber:3},void 0),f=e=>{const t=e.instaPost?U.default.dateFormat(new Date(e.instaPost.timestamp),"•",!0):"",[d,u]=l.useState(e.products),[b,m]=l.useState(!1),[P,v]=l.useState(""),N=l.useCallback(E.default(o=>{o?(u([]),e.onSearchKeyChange(o).then(s=>{u(s),m(!1)})):(u(e.products),m(!1))},700),[]),y=(o,s)=>{const n=e.selectedProducts.find(a=>a.id===s.id);if(o&&!n){const a=[...e.selectedProducts,s];e.setSelectedProducts(a)}else if(n){const a=[...e.selectedProducts];let p=-1;e.selectedProducts.forEach((x,D)=>{x.id===s.id&&(p=D)}),a.splice(p,1),e.setSelectedProducts(a)}};return r.jsxDEV(h.StyledProductPickerContainer,{children:[e.instaPost&&r.jsxDEV("div",{className:"post__wrapper",children:[r.jsxDEV("img",{alt:"Ig Media",onError:o=>{o.target.onerror=null,o.target.src=k},src:e.instaPost?.media_url,className:"post__thumbnail"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:108,columnNumber:6},void 0),r.jsxDEV("div",{className:"post__info-wrapper",children:[r.jsxDEV(c.BodyPrimary,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:e.instaPost.caption?i.DEFAULT_THEME.colorsV2.content.primary:i.DEFAULT_THEME.colorsV2.content.secondary},children:e.instaPost?.caption?e.instaPost?.caption:"No caption"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:118,columnNumber:7},void 0),r.jsxDEV(c.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.placeholder},children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:132,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:107,columnNumber:5},void 0),r.jsxDEV("div",{style:{borderTop:e.instaPost?`1px solid ${i.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${i.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:e.instaPost?"16px 24px":"0px 24px 16px 24px"},children:r.jsxDEV(j.Input,{placeholder:e.searchPlaceholder??"Search products..",onChangeText:o=>{v(o),o.trim()?.length>0?(m(!0),N(o)):(m(!1),u(e.products))},rightIcon:{icon:g.default}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:149,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:140,columnNumber:4},void 0),r.jsxDEV("div",{style:{maxHeight:350,overflowY:"scroll"},children:[b&&r.jsxDEV("div",{className:"loader__wrapper",children:r.jsxDEV(M.PageLoader,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:167,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:166,columnNumber:6},void 0),d.length===0&&!b?r.jsxDEV(_,{text:P},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:171,columnNumber:6},void 0):d.map(o=>{const s=e.selectedProducts.find(n=>n.id===o.id);return r.jsxDEV("div",{className:"product__wrapper",children:[r.jsxDEV("div",{className:"product__info-wrapper",children:[r.jsxDEV("img",{alt:"Product",onError:n=>{n.target.onerror=null,n.target.src=k},src:o.image??k,className:"product__image"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:182,columnNumber:10},void 0),r.jsxDEV(c.TitleSmall,{children:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:191,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:181,columnNumber:9},void 0),r.jsxDEV("div",{style:{order:1},children:r.jsxDEV(S.CheckBox,{isChecked:s!==void 0,onValueChange:n=>{y(n,o)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:194,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:193,columnNumber:9},void 0)]},o.id,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:180,columnNumber:8},void 0)})]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:164,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:105,columnNumber:3},void 0)},W=e=>{const[t,d]=l.useState([]);return l.useEffect(()=>{d(e.selectedProducts??[])},[e.selectedProducts?.length]),r.jsxDEV(T.StyledModal,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:t.length>10?r.jsxDEV(c.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.negative},children:"Can't add more than 10 products"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:229,columnNumber:6},void 0):r.jsxDEV(c.Caption,{style:{color:i.DEFAULT_THEME.colorsV2.content.placeholder},children:t?`${t.length} selected`:""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:233,columnNumber:6},void 0),headingTitle:e.title,primaryButton:{disabled:t.length>10||t.length===0,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(t),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:r.jsxDEV(f,{...e,selectedProducts:t,setSelectedProducts:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:255,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:222,columnNumber:3},void 0)};exports.PricePleaseProductPicker=W;exports.ProductPickerContent=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),w=require("../../_virtual/index.js"),l=require("react"),v=require("../bik-layout/PageLoader.js"),P=require("./ProductPicker.styled.js"),i=require("../TypographyStyle.js"),M=require("../../utils/DateUtils.js"),s=require("../../constants/Theme.js"),U=require("../../assets/icons/alert_triangle.svg.js"),V=require("../../assets/icons/search.svg.js"),g=require("../modals/styledModal.js"),T=require("../input/Input.js"),j=require("../checkBox/CheckBox.js"),b="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",S=({text:e,styleProps:n})=>o.jsxDEV(P.StyledZeroState,{children:[o.jsxDEV("div",{className:"icon__container",style:{...n},children:o.jsxDEV(U.default,{width:24,height:24,color:s.DEFAULT_THEME.colorsV2.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:37,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:36,columnNumber:4},void 0),o.jsxDEV(i.TitleSmall,{children:"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:43,columnNumber:4},void 0),o.jsxDEV(i.BodySecondary,{style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${e}"`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:44,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:35,columnNumber:3},void 0),k=e=>{const n=e.instaPost?M.default.dateFormat(new Date(e.instaPost.timestamp),"•",!0):"",[a,u]=l.useState(e.products),[p,m]=l.useState(!1),[N,y]=l.useState(""),x=l.useCallback(w.default(r=>{r?(u([]),e.onSearchKeyChange(r).then(c=>{u(c),m(!1)})):(u(e.products),m(!1))},700),[]),D=(r,c)=>{const t=e.selectedProducts.find(d=>d.id===c.id);if(r&&!t){const d=[...e.selectedProducts,c];e.setSelectedProducts(d)}else if(t){const d=[...e.selectedProducts];let f=-1;e.selectedProducts.forEach((h,E)=>{h.id===c.id&&(f=E)}),d.splice(f,1),e.setSelectedProducts(d)}};return o.jsxDEV(P.StyledProductPickerContainer,{children:[e.instaPost&&o.jsxDEV("div",{className:"post__wrapper",children:[o.jsxDEV("img",{alt:"Ig Media",onError:r=>{r.target.onerror=null,r.target.src=b},src:e.instaPost?.media_url,className:"post__thumbnail"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:108,columnNumber:6},void 0),o.jsxDEV("div",{className:"post__info-wrapper",children:[o.jsxDEV(i.BodyPrimary,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:e.instaPost.caption?s.DEFAULT_THEME.colorsV2.content.primary:s.DEFAULT_THEME.colorsV2.content.secondary},children:e.instaPost?.caption?e.instaPost?.caption:"No caption"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:118,columnNumber:7},void 0),o.jsxDEV(i.Caption,{style:{color:s.DEFAULT_THEME.colorsV2.content.placeholder},children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:132,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:107,columnNumber:5},void 0),o.jsxDEV("div",{style:{borderTop:e.instaPost?`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:e.instaPost?"16px 24px":"0px 24px 16px 24px"},children:o.jsxDEV(T.Input,{placeholder:e.searchPlaceholder??"Search products..",onChangeText:r=>{y(r),r.trim()?.length>0?(m(!0),x(r)):(m(!1),u(e.products))},rightIcon:{icon:V.default}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:149,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:140,columnNumber:4},void 0),o.jsxDEV("div",{style:{maxHeight:350,overflowY:"scroll"},children:[p&&o.jsxDEV("div",{className:"loader__wrapper",children:o.jsxDEV(v.PageLoader,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:167,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:166,columnNumber:6},void 0),a.length===0&&!p?o.jsxDEV(S,{text:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:171,columnNumber:6},void 0):a.map(r=>{const c=e.selectedProducts.find(t=>t.id===r.id);return o.jsxDEV("div",{className:"product__wrapper",children:[o.jsxDEV("div",{className:"product__info-wrapper",children:[o.jsxDEV("img",{alt:"Product",onError:t=>{t.target.onerror=null,t.target.src=b},src:r.image??b,className:"product__image"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:182,columnNumber:10},void 0),o.jsxDEV(i.TitleSmall,{children:r.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:191,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:181,columnNumber:9},void 0),o.jsxDEV("div",{style:{order:1},children:o.jsxDEV(j.CheckBox,{isChecked:c!==void 0,onValueChange:t=>{D(t,r)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:194,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:193,columnNumber:9},void 0)]},r.id,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:180,columnNumber:8},void 0)})]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:164,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:105,columnNumber:3},void 0)},_=e=>{const[n,a]=l.useState([]);return l.useEffect(()=>{a(e.selectedProducts??[])},[e.selectedProducts?.length]),o.jsxDEV(g.StyledModal,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:n.length>10?o.jsxDEV(i.Caption,{style:{color:s.DEFAULT_THEME.colorsV2.content.negative},children:"Can't add more than 10 products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:229,columnNumber:6},void 0):o.jsxDEV(i.Caption,{style:{color:s.DEFAULT_THEME.colorsV2.content.placeholder},children:n?`${n.length} selected`:""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:233,columnNumber:6},void 0),headingTitle:e.title,primaryButton:{disabled:n.length>10||n.length===0,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(n),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:o.jsxDEV(k,{...e,selectedProducts:n,setSelectedProducts:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:255,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker/ProductPickerModal.tsx",lineNumber:222,columnNumber:3},void 0)};exports.PricePleaseProductPicker=_;exports.ProductPickerContent=k;
 //# sourceMappingURL=ProductPickerModal.js.map

package/dist/cjs/components/product-picker/ProductPickerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] \| Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product \| Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] \| Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 \|\| selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","text","styleProps","StyledZeroState","jsxDEV","AlertTriangle","DEFAULT_THEME","this","TitleSmall","BodySecondary","ProductPickerContent","props","formattedTimeStamp","DateUtils","listItems","setListItems","useState","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","res","onChangeHandle","value","product","itemPresent","item","temp","productIndex","index","StyledProductPickerContainer","e","BodyPrimary","Caption","Input","Search","PageLoader","selectedItem","CheckBox","PricePleaseProductPicker","selectedListItems","setSelectedListItems","useEffect","StyledModal"],"mappings":"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"}
1	+ {"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] \| Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product \| Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] \| Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 \|\| selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","text","styleProps","StyledZeroState","jsxDEV","AlertTriangle","DEFAULT_THEME","this","TitleSmall","BodySecondary","ProductPickerContent","props","formattedTimeStamp","DateUtils","listItems","setListItems","useState","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","res","onChangeHandle","value","product","itemPresent","item","temp","productIndex","index","StyledProductPickerContainer","e","BodyPrimary","Caption","Input","Search","PageLoader","selectedItem","CheckBox","PricePleaseProductPicker","selectedListItems","setSelectedListItems","useEffect","StyledModal"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../shimmer/ShimmerComponent/BikShimmer.js"),t=r=>{const{limit:i}=r;return e.jsxDEV(e.Fragment,{children:Array.from({length:i??5}).map((m,o)=>e.jsxDEV("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(n.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:16,columnNumber:7},void 0)},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:10,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:7,columnNumber:3},void 0)};exports.ProductPickerShimmer=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../shimmer/ShimmerComponent/BikShimmer.js"),m=r=>{const{limit:i}=r;return e.jsxDEV(e.Fragment,{children:Array.from({length:i??5}).map((t,o)=>e.jsxDEV("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(n.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:16,columnNumber:7},void 0)},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:10,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerShimmer.tsx",lineNumber:7,columnNumber:3},void 0)};exports.ProductPickerShimmer=m;
 //# sourceMappingURL=ProductPickerShimmer.js.map

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductPickerShimmer.js","sources":["../../../../src/components/product-picker-v2/ProductPickerShimmer.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\n\nexport const ProductPickerShimmer = (props: { limit?: number }) => {\n\tconst { limit } = props;\n\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: limit ?? 5 }).map((_, idx) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\theight: '64px',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t></BikShimmer>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["ProductPickerShimmer","props","limit","jsxDEV","Fragment","_","idx","BikShimmer","this"],"mappings":"gLAEaA,EAAwBC,GAA8B,CAClE,KAAM,CAAE,MAAAC,GAAUD,EAElB,OACCE,EAAAA,OAAAC,EAAAA,SAAA,CACE,SAAA,MAAM,KAAK,CAAE,OAAQF,GAAS,CAAA,CAAG,EAAE,IAAI,CAACG,EAAGC,IAE1CH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,aAAc,mBAAA,EAIf,SAAAA,EAAAA,OAACI,EAAAA,WAAA,CACA,MAAO,CACN,CACC,OAAQ,OACR,MAAO,OACP,UAAW,KAAA,CACZ,CACD,EAPD,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAQC,EAVIF,EAJN,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAiBD,CAAA,EApBF,OAAA,GAAA,CAAA,SAAA~~,+IAAA~~,WAAA,EAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}
1	+ {"version":3,"file":"ProductPickerShimmer.js","sources":["../../../../src/components/product-picker-v2/ProductPickerShimmer.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\n\nexport const ProductPickerShimmer = (props: { limit?: number }) => {\n\tconst { limit } = props;\n\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: limit ?? 5 }).map((_, idx) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\theight: '64px',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t></BikShimmer>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["ProductPickerShimmer","props","limit","jsxDEV","Fragment","_","idx","BikShimmer","this"],"mappings":"gLAEaA,EAAwBC,GAA8B,CAClE,KAAM,CAAE,MAAAC,GAAUD,EAElB,OACCE,EAAAA,OAAAC,EAAAA,SAAA,CACE,SAAA,MAAM,KAAK,CAAE,OAAQF,GAAS,CAAA,CAAG,EAAE,IAAI,CAACG,EAAGC,IAE1CH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,aAAc,mBAAA,EAIf,SAAAA,EAAAA,OAACI,EAAAA,WAAA,CACA,MAAO,CACN,CACC,OAAQ,OACR,MAAO,OACP,UAAW,KAAA,CACZ,CACD,EAPD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAQC,EAVIF,EAJN,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAiBD,CAAA,EApBF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}

package/dist/cjs/components/product-picker-v2/ProductPickerTag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../shimmer/ShimmerComponent/BikShimmer.js"),a=require("../tag/Tag.js"),c=i=>{const{isVariant:o,data:s,tagText:r,tagType:t}=i;return e.jsxDEV("div",{style:{display:"flex"},children:!s?.fbStatus&&o?e.jsxDEV(n.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:32,columnNumber:5},void 0):r?e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(a.Tag,{tagText:r,type:t,theme:"light"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:37,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:36,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:40,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:30,columnNumber:3},void 0)};exports.ProductPickerTag=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),c=require("../tag/Tag.js"),a=o=>{const{isVariant:i,data:n,tagText:r,tagType:s}=o;return e.jsxDEV("div",{style:{display:"flex"},children:!n?.fbStatus&&i?e.jsxDEV(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:32,columnNumber:5},void 0):r?e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(c.Tag,{tagText:r,type:s,theme:"light"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:37,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:36,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:40,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/ProductPickerTag.tsx",lineNumber:30,columnNumber:3},void 0)};exports.ProductPickerTag=a;
 //# sourceMappingURL=ProductPickerTag.js.map

package/dist/cjs/components/product-picker-v2/ProductPickerTag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductPickerTag.js","sources":["../../../../src/components/product-picker-v2/ProductPickerTag.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\nimport { Tag } from '../tag';\nimport type { TagType } from '../tag/model';\nimport type { Product, ProductVariant } from './type';\n\nexport type ProductPickerTagType = {\n\tisVariant: boolean;\n\tdata: Product \| ProductVariant;\n\ttagText?: string;\n\ttagType?: TagType;\n};\n\n/*\n Used in Product Screen, Search Screen, Selected Screen and Rearrange Screen.\n * Wherever product card is shown, we use this component.\n \n New logic: When product has only one variant and variant name is same as product name,\n * we consider that a variant and do operations as variant.\n \n The logic for showing tag is moved to ProductHelper.tsx.\n \n Note: If there is no Fb rejected tag in the variant, we show a shimmer,\n * meanwhile hit the API to get FB status.\n \n /\nexport const ProductPickerTag = (props: ProductPickerTagType) => {\n\tconst { isVariant, data, tagText, tagType } = props;\n\n\treturn (\n\t\t<div style={{ display: 'flex' }}>\n\t\t\t{!(data as ProductVariant)?.fbStatus && isVariant ? (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[{ height: '24px', width: '100px', marginTop: '0px' }]}\n\t\t\t\t/>\n\t\t\t) : tagText ? (\n\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t<Tag tagText={tagText} type={tagType} theme=\"light\" />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["ProductPickerTag","props","isVariant","data","tagText","tagType","jsxDEV","BikShimmer","this","Tag","Fragment"],"mappings":"2MAyBaA,EAAoBC,GAAgC,CAChE,KAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,QAAAC,EAAS,QAAAC,GAAYJ,EAE9C,OACCK,SAAC,MAAA,CAAI,MAAO,CAAE,QAAS,QACrB,SAAA,CAAEH,GAAyB,UAAYD,EACvCI,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAO,CAAC,CAAE,OAAQ,OAAQ,MAAO,QAAS,UAAW,KAAA,CAAO,CAAA,EAD7D,OAAA,GAAA,CAAA,SAAA,~~2IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAGGJ,EACHE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,MAAA,EACtB,kBAACG,MAAA,CAAI,QAAAL,EAAkB,KAAMC,EAAS,MAAM,OAAA,EAA5C,OAAA,GAAA,CAAA,SAAA,~~2IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EADrD,OAAA,GAAA,CAAA,SAAA,~~2IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAEAF,EAAAA,OAAAI,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,~~2IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAE,CAAA,EAVJ,OAAA,GAAA,CAAA,SAAA,~~2IAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF"}
1	+ {"version":3,"file":"ProductPickerTag.js","sources":["../../../../src/components/product-picker-v2/ProductPickerTag.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\nimport { Tag } from '../tag';\nimport type { TagType } from '../tag/model';\nimport type { Product, ProductVariant } from './type';\n\nexport type ProductPickerTagType = {\n\tisVariant: boolean;\n\tdata: Product \| ProductVariant;\n\ttagText?: string;\n\ttagType?: TagType;\n};\n\n/*\n Used in Product Screen, Search Screen, Selected Screen and Rearrange Screen.\n * Wherever product card is shown, we use this component.\n \n New logic: When product has only one variant and variant name is same as product name,\n * we consider that a variant and do operations as variant.\n \n The logic for showing tag is moved to ProductHelper.tsx.\n \n Note: If there is no Fb rejected tag in the variant, we show a shimmer,\n * meanwhile hit the API to get FB status.\n \n /\nexport const ProductPickerTag = (props: ProductPickerTagType) => {\n\tconst { isVariant, data, tagText, tagType } = props;\n\n\treturn (\n\t\t<div style={{ display: 'flex' }}>\n\t\t\t{!(data as ProductVariant)?.fbStatus && isVariant ? (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[{ height: '24px', width: '100px', marginTop: '0px' }]}\n\t\t\t\t/>\n\t\t\t) : tagText ? (\n\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t<Tag tagText={tagText} type={tagType} theme=\"light\" />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["ProductPickerTag","props","isVariant","data","tagText","tagType","jsxDEV","BikShimmer","this","Tag","Fragment"],"mappings":"2MAyBaA,EAAoBC,GAAgC,CAChE,KAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,QAAAC,EAAS,QAAAC,GAAYJ,EAE9C,OACCK,SAAC,MAAA,CAAI,MAAO,CAAE,QAAS,QACrB,SAAA,CAAEH,GAAyB,UAAYD,EACvCI,EAAAA,OAACC,EAAAA,WAAA,CACA,MAAO,CAAC,CAAE,OAAQ,OAAQ,MAAO,QAAS,UAAW,KAAA,CAAO,CAAA,EAD7D,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAGGJ,EACHE,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,MAAA,EACtB,kBAACG,MAAA,CAAI,QAAAL,EAAkB,KAAMC,EAAS,MAAM,OAAA,EAA5C,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EADrD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAEAF,EAAAA,OAAAI,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAE,CAAA,EAVJ,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAEF"}