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

package/dist/cjs/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimumRequirementComponent.js","sources":["../../../../../src/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ICouponData, MIN_PURCHASE_REQUIREMENT } from '../type';\n\ninterface DropdownOption {\n\tlabel: string;\n\tvalue: MIN_PURCHASE_REQUIREMENT;\n\tselected?: boolean;\n}\n\ninterface MinimumRequirementProps {\n\tselectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;\n\tsetSelectedMinimumRequirement: (value: MIN_PURCHASE_REQUIREMENT) => void;\n\tdiscountData: ICouponData;\n\tsetDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;\n\tcurrency?: string;\n\tdynamicDiscountValidationError?: {\n\t\tinValidMinimumAmount?: boolean;\n\t\tinValidMinimumQuantity?: boolean;\n\t};\n}\n\nconst MinimumRequirementComponent: React.FC<MinimumRequirementProps> = (\n\tprops,\n) => {\n\tconst purchaseValues: DropdownOption[] = [\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedMinimumRequirement === MIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t\tlabel: 'Minimum order value',\n\t\t\tvalue: MIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t},\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedMinimumRequirement === MIN_PURCHASE_REQUIREMENT.QUANTITY,\n\t\t\tlabel: 'Minimum number of items',\n\t\t\tvalue: MIN_PURCHASE_REQUIREMENT.QUANTITY,\n\t\t},\n\t];\n\treturn (\n\t\t<>\n\t\t\t<CheckBox\n\t\t\t\tlabel=\"Minimum Purchase Requirements\"\n\t\t\t\tisChecked={\n\t\t\t\t\tprops.selectedMinimumRequirement !== MIN_PURCHASE_REQUIREMENT.NA\n\t\t\t\t}\n\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\tif (!value) {\n\t\t\t\t\t\tprops.setSelectedMinimumRequirement(MIN_PURCHASE_REQUIREMENT.NA);\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprops.setSelectedMinimumRequirement(\n\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tboldOnChecked\n\t\t\t\tlabelSize=\"DEFAULT\"\n\t\t\t/>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.text.secondary,\n\t\t\t\t\tmarginLeft: 28,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tEnable coupon only after a minimum order value\n\t\t\t</BodySecondary>\n\t\t\t{props.selectedMinimumRequirement !== MIN_PURCHASE_REQUIREMENT.NA && (\n\t\t\t\t<div style={{ margin: '16px 0 0 28px' }} className=\"input__rows\">\n\t\t\t\t\t<div className=\"input__wrapper\">\n\t\t\t\t\t\t<BodySecondary style={{ marginBottom: 10 }}>\n\t\t\t\t\t\t\tRequirements\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\toptions={purchaseValues}\n\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\tconst selectedMinRequirement = (option as any as SingleOption)\n\t\t\t\t\t\t\t\t\t.value as MIN_PURCHASE_REQUIREMENT;\n\n\t\t\t\t\t\t\t\tprops.setSelectedMinimumRequirement(selectedMinRequirement);\n\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\t\twidth=\"272px\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"input__wrapper\">\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? props.discountData.minAmount?.toString() ?? ''\n\t\t\t\t\t\t\t\t\t: props.discountData.minQuantity?.toString() ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\tminAmount: parseInt(value),\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.QUANTITY\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\tminQuantity: parseInt(value),\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\tlabelText={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? 'Minimum amount'\n\t\t\t\t\t\t\t\t\t: 'Minimum no. of items'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefixText={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? props.currency ?? ''\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? 'Eg. 5000'\n\t\t\t\t\t\t\t\t\t: 'Eg. 5'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumAmount ||\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumQuantity\n\t\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumAmount ||\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumQuantity\n\t\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t\t: 'none'\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</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default MinimumRequirementComponent;\n"],"names":["MinimumRequirementComponent","props","purchaseValues","MIN_PURCHASE_REQUIREMENT","jsxDEV","Fragment","CheckBox","value","this","BodySecondary","DEFAULT_THEME","Dropdown","option","selectedMinRequirement","Input"],"mappings":"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"}
+{"version":3,"file":"MinimumRequirementComponent.js","sources":["../../../../../src/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { ICouponData, MIN_PURCHASE_REQUIREMENT } from '../type';\n\ninterface DropdownOption {\n\tlabel: string;\n\tvalue: MIN_PURCHASE_REQUIREMENT;\n\tselected?: boolean;\n}\n\ninterface MinimumRequirementProps {\n\tselectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;\n\tsetSelectedMinimumRequirement: (value: MIN_PURCHASE_REQUIREMENT) => void;\n\tdiscountData: ICouponData;\n\tsetDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;\n\tcurrency?: string;\n\tdynamicDiscountValidationError?: {\n\t\tinValidMinimumAmount?: boolean;\n\t\tinValidMinimumQuantity?: boolean;\n\t};\n}\n\nconst MinimumRequirementComponent: React.FC<MinimumRequirementProps> = (\n\tprops,\n) => {\n\tconst purchaseValues: DropdownOption[] = [\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedMinimumRequirement === MIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t\tlabel: 'Minimum order value',\n\t\t\tvalue: MIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t},\n\t\t{\n\t\t\tselected:\n\t\t\t\tprops.selectedMinimumRequirement === MIN_PURCHASE_REQUIREMENT.QUANTITY,\n\t\t\tlabel: 'Minimum number of items',\n\t\t\tvalue: MIN_PURCHASE_REQUIREMENT.QUANTITY,\n\t\t},\n\t];\n\treturn (\n\t\t<>\n\t\t\t<CheckBox\n\t\t\t\tlabel=\"Minimum Purchase Requirements\"\n\t\t\t\tisChecked={\n\t\t\t\t\tprops.selectedMinimumRequirement !== MIN_PURCHASE_REQUIREMENT.NA\n\t\t\t\t}\n\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\tif (!value) {\n\t\t\t\t\t\tprops.setSelectedMinimumRequirement(MIN_PURCHASE_REQUIREMENT.NA);\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprops.setSelectedMinimumRequirement(\n\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tboldOnChecked\n\t\t\t\tlabelSize=\"DEFAULT\"\n\t\t\t/>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.text.secondary,\n\t\t\t\t\tmarginLeft: 28,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tEnable coupon only after a minimum order value\n\t\t\t</BodySecondary>\n\t\t\t{props.selectedMinimumRequirement !== MIN_PURCHASE_REQUIREMENT.NA && (\n\t\t\t\t<div style={{ margin: '16px 0 0 28px' }} className=\"input__rows\">\n\t\t\t\t\t<div className=\"input__wrapper\">\n\t\t\t\t\t\t<BodySecondary style={{ marginBottom: 10 }}>\n\t\t\t\t\t\t\tRequirements\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\toptions={purchaseValues}\n\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\tconst selectedMinRequirement = (option as any as SingleOption)\n\t\t\t\t\t\t\t\t\t.value as MIN_PURCHASE_REQUIREMENT;\n\n\t\t\t\t\t\t\t\tprops.setSelectedMinimumRequirement(selectedMinRequirement);\n\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\tminQuantity: undefined,\n\t\t\t\t\t\t\t\t\tminAmount: undefined,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\t\twidth=\"272px\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"input__wrapper\">\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? props.discountData.minAmount?.toString() ?? ''\n\t\t\t\t\t\t\t\t\t: props.discountData.minQuantity?.toString() ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\tminAmount: parseInt(value),\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.QUANTITY\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\t\t\tminQuantity: parseInt(value),\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\tlabelText={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? 'Minimum amount'\n\t\t\t\t\t\t\t\t\t: 'Minimum no. of items'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefixText={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? props.currency ?? ''\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\tprops.selectedMinimumRequirement ===\n\t\t\t\t\t\t\t\tMIN_PURCHASE_REQUIREMENT.AMOUNT\n\t\t\t\t\t\t\t\t\t? 'Eg. 5000'\n\t\t\t\t\t\t\t\t\t: 'Eg. 5'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumAmount ||\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumQuantity\n\t\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumAmount ||\n\t\t\t\t\t\t\t\tprops.dynamicDiscountValidationError?.inValidMinimumQuantity\n\t\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t\t: 'none'\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</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default MinimumRequirementComponent;\n"],"names":["MinimumRequirementComponent","props","purchaseValues","MIN_PURCHASE_REQUIREMENT","jsxDEV","Fragment","CheckBox","value","this","BodySecondary","DEFAULT_THEME","Dropdown","option","selectedMinRequirement","Input"],"mappings":"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"}

package/dist/cjs/components/discount-modal/DynamicCoupon/ZeroState.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),i=require("styled-components"),n=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),s=require("../../../assets/icons/cursor.svg.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=c(i),a=()=>o.jsxDEV(u,{children:[o.jsxDEV(l,{children:o.jsxDEV(s.default,{width:32,color:t.DEFAULT_THEME.colorsV2.content.primaryInverse},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:10,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:9,columnNumber:4},void 0),o.jsxDEV(n.TitleMedium,{children:"No discount has been selected"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:15,columnNumber:4},void 0),o.jsxDEV(n.BodyPrimary,{children:"Please select a discount type"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:16,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:8,columnNumber:3},void 0),u=r.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),i=require("styled-components"),n=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),s=require("../../../assets/icons/cursor.svg.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=a(i),c=()=>o.jsxDEV(l,{children:[o.jsxDEV(u,{children:o.jsxDEV(s.default,{width:32,color:t.DEFAULT_THEME.colorsV2.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:10,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:9,columnNumber:4},void 0),o.jsxDEV(n.TitleMedium,{children:"No discount has been selected"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:15,columnNumber:4},void 0),o.jsxDEV(n.BodyPrimary,{children:"Please select a discount type"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:16,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/DynamicCoupon/ZeroState.tsx",lineNumber:8,columnNumber:3},void 0),l=r.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 40px 0;
 	justify-content: center;
 	align-items: center;
-`,l=r.default.div`
+`,u=r.default.div`
 	height: 52px;
 	width: 52px;
 	background-color: ${t.DEFAULT_THEME.colorsV2.background.inverse};
@@ -13,5 +13,5 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
-`;exports.default=a;
+`;exports.default=c;
 //# sourceMappingURL=ZeroState.js.map

package/dist/cjs/components/discount-modal/DynamicCoupon/ZeroState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/discount-modal/DynamicCoupon/ZeroState.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport CursorIcon from '../../../assets/icons/cursor.svg';\n\nconst renderZeroState = () => {\n\treturn (\n\t\t<ZeroStateContainer>\n\t\t\t<IconContainer>\n\t\t\t\t<CursorIcon\n\t\t\t\t\twidth={32}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t</IconContainer>\n\t\t\t<TitleMedium>No discount has been selected</TitleMedium>\n\t\t\t<BodyPrimary>Please select a discount type</BodyPrimary>\n\t\t</ZeroStateContainer>\n\t);\n};\n\nexport default renderZeroState;\n\nconst ZeroStateContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 40px 0;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst IconContainer = styled.div`\n\theight: 52px;\n\twidth: 52px;\n\tbackground-color: ${DEFAULT_THEME.colorsV2.background.inverse};\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n`;\n"],"names":["renderZeroState","ZeroStateContainer","jsxDEV","IconContainer","CursorIcon","DEFAULT_THEME","this","TitleMedium","BodyPrimary","styled"],"mappings":"mXAKMA,EAAkB,aAErBC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAA,CACA,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,MAAO,GACP,MAAOC,EAAAA,cAAc,SAAS,QAAQ,cAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAKA,EACAJ,EAAAA,OAACK,EAAAA,aAAY,SAAA,+BAAA,EAAb,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA0C,EAC1CJ,EAAAA,OAACM,EAAAA,aAAY,SAAA,+BAAA,EAAb,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAA0C,CAAA,CAAA,EAR3C,OAAA,GAAA,CAAA,SAAA,iHAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MASA,EAMIL,EAAqBQ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5BN,EAAgBM,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGRJ,gBAAc,SAAS,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/discount-modal/DynamicCoupon/ZeroState.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport CursorIcon from '../../../assets/icons/cursor.svg';\n\nconst renderZeroState = () => {\n\treturn (\n\t\t<ZeroStateContainer>\n\t\t\t<IconContainer>\n\t\t\t\t<CursorIcon\n\t\t\t\t\twidth={32}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t</IconContainer>\n\t\t\t<TitleMedium>No discount has been selected</TitleMedium>\n\t\t\t<BodyPrimary>Please select a discount type</BodyPrimary>\n\t\t</ZeroStateContainer>\n\t);\n};\n\nexport default renderZeroState;\n\nconst ZeroStateContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 40px 0;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst IconContainer = styled.div`\n\theight: 52px;\n\twidth: 52px;\n\tbackground-color: ${DEFAULT_THEME.colorsV2.background.inverse};\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n`;\n"],"names":["renderZeroState","ZeroStateContainer","jsxDEV","IconContainer","CursorIcon","DEFAULT_THEME","this","TitleMedium","BodyPrimary","styled"],"mappings":"mXAKMA,EAAkB,aAErBC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAA,CACA,SAAAD,EAAAA,OAACE,EAAAA,QAAA,CACA,MAAO,GACP,MAAOC,EAAAA,cAAc,SAAS,QAAQ,cAAA,EAFvC,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MAKA,EACAJ,EAAAA,OAACK,EAAAA,aAAY,SAAA,+BAAA,EAAb,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA0C,EAC1CJ,EAAAA,OAACM,EAAAA,aAAY,SAAA,+BAAA,EAAb,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAA0C,CAAA,CAAA,EAR3C,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,EAAA,aAAA,CAAA,EAAAA,MASA,EAMIL,EAAqBQ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5BN,EAAgBM,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGRJ,gBAAc,SAAS,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),c=require("../../../assets/icons/info.svg.js"),r=require("../../../constants/Theme.js"),n=require("../DiscountModal.styled.js"),u=require("../DynamicCoupon/DynamicCoupon.js"),o=require("../../input/Input.js"),s=require("../../alerts/Alert.js"),a=require("../../alerts/AlertHelper.js"),l=e=>e.getDetailedDescription?t.jsxDEV(n.StaticCouponContainerStyled,{style:{marginTop:0},children:[t.jsxDEV(o.Input,{maxCharLimit:30,onChangeText:i=>{e.setDiscountData({...e.discountData,couponCode:i?.trim()})},labelText:"Discount Code",value:e.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidDiscountCode?"Required Field":"",state:e.staticDiscountValidationError?.invalidDiscountCode?"invalid":"none",hintText:"Code created on Shopify",width:"300px"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:113,columnNumber:5},void 0),t.jsxDEV(u.default,{currency:e.currency,entitledProducts:e.entitledProducts??[],prerequisiteProducts:e.prerequisiteProducts??[],setEntitledProducts:e.setEntitledProducts,setPrerequisiteProducts:e.setPrerequisiteProducts,discountData:e.discountData,productPickerOpen:e.productPickerOpen,productVariablePickerOpen:e.productVariablePickerOpen,setIsProductPickerOpen:e.setIsProductPickerOpen,setIsProductVariablePickerOpen:e.setIsProductVariablePickerOpen,setDiscountData:e.setDiscountData,selectedCouponType:e.selectedCouponType,setSelectedCouponType:e.setSelectedCouponType,selectedMinimumRequirement:e.selectedMinimumRequirement,setSelectedMinimumRequirement:e.setSelectedMinimumRequirement,discountCouponAppliesTo:e.discountCouponAppliesTo,offerAppliesToBuy:e.offerAppliesToBuy,offerAppliesToGet:e.offerAppliesToGet,setDiscountCouponAppliesTo:e.setDiscountCouponAppliesTo,setOfferAppliesToBuy:e.setOfferAppliesToBuy,setOfferAppliesToGet:e.setOfferAppliesToGet,hideProbability:!0,hideExpiration:e.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:e.onChangeCouponType,collectionPickerOpen:e.collectionPickerOpen,entitledCollections:e.entitledCollections??[],prerequisiteCollections:e.prerequisiteCollections??[],setIsCollectionPickerOpen:e.setIsCollectionPickerOpen,setEntitledCollections:e.setEntitledCollections,setPrerequisiteCollections:e.setPrerequisiteCollections,useNewPicker:e.useNewPicker,setSelectedDiscountDetails:e.setSelectedDiscountDetails,selectedDiscountDetails:e.selectedDiscountDetails,isProductVariableSupported:e.isProductVariableSupported,entitledProductVariable:e.entitledProductVariable,setEntitledProductVariable:e.setEntitledProductVariable,preRequisiteProductVariable:e.preRequisiteProductVariable,setPreRequisiteProductVariable:e.setPreRequisiteProductVariable,productVariableList:e.productVariableList,isAddExpirationChecked:e.isAddExpirationChecked,setIsAddExpirationChecked:e.setIsAddExpirationChecked,dynamicDiscountValidationError:e.dynamicDiscountValidationError,setDynamicDiscountValidationError:e.setDynamicDiscountValidationError,setValidationErrorMessage:e.setValidationErrorMessage,resetValidationErrors:e.resetValidationErrors,discountDetailsOptions:e.discountDetailsOptions,selectedExpiration:e.selectedExpiration,setSelectedExpiration:e.setSelectedExpiration,makeExpiryMandatory:e.makeExpiryMandatory??!1,isUsageFromStatic:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:138,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:112,columnNumber:4},void 0):t.jsxDEV(n.StaticCouponContainerStyled,{children:[t.jsxDEV("div",{className:"static-coupon__data",children:[t.jsxDEV("div",{className:"static-input__wrapper",children:t.jsxDEV(o.Input,{maxCharLimit:30,onChangeText:i=>{e.setDiscountData({...e.discountData,couponCode:i?.trim()})},labelText:"Discount Code",value:e.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidDiscountCode?"Required Field":"",state:e.staticDiscountValidationError?.invalidDiscountCode?"invalid":"none",hintText:"Code created on Shopify"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:203,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:202,columnNumber:5},void 0),t.jsxDEV("div",{className:"static-input__wrapper",children:t.jsxDEV(o.Input,{maxCharLimit:30,labelText:"Discount Coupon Title",value:e.discountData.title,onChangeText:i=>{e.setDiscountData({...e.discountData,title:i?.trim()})},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${e.currency??""}15 Off”`,errorMessage:e.staticDiscountValidationError?.invalidCouponTitle?"Required Field":"",state:e.staticDiscountValidationError?.invalidCouponTitle?"invalid":"none"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:229,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:228,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:201,columnNumber:4},void 0),t.jsxDEV(o.Input,{maxCharLimit:60,labelText:"Coupon Description",value:e.discountData.description,onChangeText:i=>{e.setDiscountData({...e.discountData,description:i?.trim()})},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidCouponDescription?"Required Field":"",state:e.staticDiscountValidationError?.invalidCouponDescription?"invalid":"none"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:255,columnNumber:4},void 0),!e.hideProbability&&t.jsxDEV(o.Input,{labelText:"Probability of getting coupon",value:e.discountData.probability!==null&&e.discountData.probability!==void 0?e.discountData.probability.toString():"",type:"number",onChangeText:i=>{e.setDiscountData({...e.discountData,probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))})},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:e.staticDiscountValidationError?.inValidProbability?"Enter probability in decimals (0 - 1)":"",state:e.staticDiscountValidationError?.inValidProbability?"invalid":"none"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:279,columnNumber:5},void 0),e.discountAdminUrl&&t.jsxDEV(s.Alert,{type:a.ALERT_TYPES.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:a.CONTENT_POSITION.START,redirectToText:"click here",redirectTo:e.discountAdminUrl,icon:()=>t.jsxDEV(c.default,{width:16,height:16,color:r.DEFAULT_THEME.colorsV2.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:320,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:313,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:200,columnNumber:3},void 0);exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),r=require("../../../assets/icons/info.svg.js"),s=require("../../../constants/Theme.js"),n=require("../DiscountModal.styled.js"),c=require("../DynamicCoupon/DynamicCoupon.js"),o=require("../../input/Input.js"),u=require("../../alerts/Alert.js"),a=require("../../alerts/AlertHelper.js"),l=e=>e.getDetailedDescription?t.jsxDEV(n.StaticCouponContainerStyled,{style:{marginTop:0},children:[t.jsxDEV(o.Input,{maxCharLimit:30,onChangeText:i=>{e.setDiscountData({...e.discountData,couponCode:i?.trim()})},labelText:"Discount Code",value:e.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidDiscountCode?"Required Field":"",state:e.staticDiscountValidationError?.invalidDiscountCode?"invalid":"none",hintText:"Code created on Shopify",width:"300px"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:113,columnNumber:5},void 0),t.jsxDEV(c.default,{currency:e.currency,entitledProducts:e.entitledProducts??[],prerequisiteProducts:e.prerequisiteProducts??[],setEntitledProducts:e.setEntitledProducts,setPrerequisiteProducts:e.setPrerequisiteProducts,discountData:e.discountData,productPickerOpen:e.productPickerOpen,productVariablePickerOpen:e.productVariablePickerOpen,setIsProductPickerOpen:e.setIsProductPickerOpen,setIsProductVariablePickerOpen:e.setIsProductVariablePickerOpen,setDiscountData:e.setDiscountData,selectedCouponType:e.selectedCouponType,setSelectedCouponType:e.setSelectedCouponType,selectedMinimumRequirement:e.selectedMinimumRequirement,setSelectedMinimumRequirement:e.setSelectedMinimumRequirement,discountCouponAppliesTo:e.discountCouponAppliesTo,offerAppliesToBuy:e.offerAppliesToBuy,offerAppliesToGet:e.offerAppliesToGet,setDiscountCouponAppliesTo:e.setDiscountCouponAppliesTo,setOfferAppliesToBuy:e.setOfferAppliesToBuy,setOfferAppliesToGet:e.setOfferAppliesToGet,hideProbability:!0,hideExpiration:e.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:e.onChangeCouponType,collectionPickerOpen:e.collectionPickerOpen,entitledCollections:e.entitledCollections??[],prerequisiteCollections:e.prerequisiteCollections??[],setIsCollectionPickerOpen:e.setIsCollectionPickerOpen,setEntitledCollections:e.setEntitledCollections,setPrerequisiteCollections:e.setPrerequisiteCollections,useNewPicker:e.useNewPicker,setSelectedDiscountDetails:e.setSelectedDiscountDetails,selectedDiscountDetails:e.selectedDiscountDetails,isProductVariableSupported:e.isProductVariableSupported,entitledProductVariable:e.entitledProductVariable,setEntitledProductVariable:e.setEntitledProductVariable,preRequisiteProductVariable:e.preRequisiteProductVariable,setPreRequisiteProductVariable:e.setPreRequisiteProductVariable,productVariableList:e.productVariableList,isAddExpirationChecked:e.isAddExpirationChecked,setIsAddExpirationChecked:e.setIsAddExpirationChecked,dynamicDiscountValidationError:e.dynamicDiscountValidationError,setDynamicDiscountValidationError:e.setDynamicDiscountValidationError,setValidationErrorMessage:e.setValidationErrorMessage,resetValidationErrors:e.resetValidationErrors,discountDetailsOptions:e.discountDetailsOptions,selectedExpiration:e.selectedExpiration,setSelectedExpiration:e.setSelectedExpiration,makeExpiryMandatory:e.makeExpiryMandatory??!1,isUsageFromStatic:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:138,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:112,columnNumber:4},void 0):t.jsxDEV(n.StaticCouponContainerStyled,{children:[t.jsxDEV("div",{className:"static-coupon__data",children:[t.jsxDEV("div",{className:"static-input__wrapper",children:t.jsxDEV(o.Input,{maxCharLimit:30,onChangeText:i=>{e.setDiscountData({...e.discountData,couponCode:i?.trim()})},labelText:"Discount Code",value:e.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidDiscountCode?"Required Field":"",state:e.staticDiscountValidationError?.invalidDiscountCode?"invalid":"none",hintText:"Code created on Shopify"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:203,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:202,columnNumber:5},void 0),t.jsxDEV("div",{className:"static-input__wrapper",children:t.jsxDEV(o.Input,{maxCharLimit:30,labelText:"Discount Coupon Title",value:e.discountData.title,onChangeText:i=>{e.setDiscountData({...e.discountData,title:i?.trim()})},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${e.currency??""}15 Off”`,errorMessage:e.staticDiscountValidationError?.invalidCouponTitle?"Required Field":"",state:e.staticDiscountValidationError?.invalidCouponTitle?"invalid":"none"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:229,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:228,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:201,columnNumber:4},void 0),t.jsxDEV(o.Input,{maxCharLimit:60,labelText:"Coupon Description",value:e.discountData.description,onChangeText:i=>{e.setDiscountData({...e.discountData,description:i?.trim()})},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:e.staticDiscountValidationError?.invalidCouponDescription?"Required Field":"",state:e.staticDiscountValidationError?.invalidCouponDescription?"invalid":"none"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:255,columnNumber:4},void 0),!e.hideProbability&&t.jsxDEV(o.Input,{labelText:"Probability of getting coupon",value:e.discountData.probability!==null&&e.discountData.probability!==void 0?e.discountData.probability.toString():"",type:"number",onChangeText:i=>{e.setDiscountData({...e.discountData,probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))})},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:e.staticDiscountValidationError?.inValidProbability?"Enter probability in decimals (0 - 1)":"",state:e.staticDiscountValidationError?.inValidProbability?"invalid":"none"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:279,columnNumber:5},void 0),e.discountAdminUrl&&t.jsxDEV(u.Alert,{type:a.ALERT_TYPES.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:a.CONTENT_POSITION.START,redirectToText:"click here",redirectTo:e.discountAdminUrl,icon:()=>t.jsxDEV(r.default,{width:16,height:16,color:s.DEFAULT_THEME.colorsV2.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:320,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:313,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/discount-modal/StaticCoupon/StaticCoupon.tsx",lineNumber:200,columnNumber:3},void 0);exports.default=l;
 //# sourceMappingURL=StaticCoupon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StaticCoupon.js","sources":["../../../../../src/components/discount-modal/StaticCoupon/StaticCoupon.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport { Alert, ALERT_TYPES, CONTENT_POSITION } from '@src/components/alerts';\nimport {\n\tCOUPON_EXPIRATION,\n\tDISCOUNT_APPLIES_TO,\n\tDISCOUNT_TYPES,\n\tICouponData,\n\tIDynamicDiscountValidationError,\n\tIStaticDiscountValidationError,\n\tMIN_PURCHASE_REQUIREMENT,\n\tOFFER_APPLIES_TO,\n\tProductVariable,\n} from '@src/components/discount-modal/type';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { Collection, Product } from '@src/components/product-picker/type';\nimport { VariableListInterfaceV3 } from '@src/components/variable-picker-v3/model';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { StaticCouponContainerStyled } from '../DiscountModal.styled';\nimport DynamicCoupon, {\n\tDISCOUNT_PRODUCTS,\n} from '../DynamicCoupon/DynamicCoupon';\n\ninterface StaticCouponI {\n\tdiscountData: ICouponData;\n\tsetDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;\n\thideProbability: boolean;\n\tdiscountAdminUrl?: string;\n\tstaticDiscountValidationError?: IStaticDiscountValidationError;\n\tcurrency?: string;\n\tgetDetailedDescription?: boolean;\n\tselectedCouponType?: DISCOUNT_TYPES;\n\tsetSelectedCouponType?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_TYPES | undefined>\n\t>;\n\tselectedMinimumRequirement?: MIN_PURCHASE_REQUIREMENT;\n\tsetSelectedMinimumRequirement?: React.Dispatch<\n\t\tReact.SetStateAction<MIN_PURCHASE_REQUIREMENT>\n\t>;\n\tdiscountCouponAppliesTo?: DISCOUNT_APPLIES_TO;\n\tofferAppliesToBuy?: OFFER_APPLIES_TO;\n\tofferAppliesToGet?: OFFER_APPLIES_TO;\n\tsetDiscountCouponAppliesTo?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_APPLIES_TO>\n\t>;\n\tsetOfferAppliesToBuy?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;\n\tsetOfferAppliesToGet?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;\n\thideExpiration?: boolean;\n\tonChangeCouponType?: (option: SingleOption) => void;\n\tentitledProducts?: Product[];\n\tprerequisiteProducts?: Product[];\n\tsetEntitledProducts?: React.Dispatch<\n\t\tReact.SetStateAction<Product[] | undefined>\n\t>;\n\tsetPrerequisiteProducts?: React.Dispatch<\n\t\tReact.SetStateAction<Product[] | undefined>\n\t>;\n\tentitledCollections?: Collection[];\n\tprerequisiteCollections?: Collection[];\n\tsetEntitledCollections?: React.Dispatch<\n\t\tReact.SetStateAction<Collection[] | undefined>\n\t>;\n\tsetPrerequisiteCollections?: React.Dispatch<\n\t\tReact.SetStateAction<Collection[] | undefined>\n\t>;\n\tsetIsProductPickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tsetIsProductVariablePickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tsetIsCollectionPickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tproductPickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tproductVariablePickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tcollectionPickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tuseNewPicker?: boolean;\n\tselectedDiscountDetails?: any;\n\tsetSelectedDiscountDetails?: React.Dispatch<React.SetStateAction<any>>;\n\tisProductVariableSupported?: boolean;\n\tentitledProductVariable?: ProductVariable;\n\tsetEntitledProductVariable?: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariable | undefined>\n\t>;\n\tpreRequisiteProductVariable?: ProductVariable;\n\tsetPreRequisiteProductVariable?: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariable | undefined>\n\t>;\n\tproductVariableList?: VariableListInterfaceV3[];\n\tisAddExpirationChecked?: boolean;\n\tsetIsAddExpirationChecked?: React.Dispatch<React.SetStateAction<boolean>>;\n\tdynamicDiscountValidationError?: IDynamicDiscountValidationError;\n\tsetDynamicDiscountValidationError?: React.Dispatch<\n\t\tReact.SetStateAction<IDynamicDiscountValidationError>\n\t>;\n\tsetValidationErrorMessage?: React.Dispatch<React.SetStateAction<string>>;\n\tresetValidationErrors?: () => void;\n\tdiscountDetailsOptions?: any[];\n\tselectedExpiration?: COUPON_EXPIRATION | undefined;\n\tsetSelectedExpiration?: React.Dispatch<\n\t\tReact.SetStateAction<COUPON_EXPIRATION | undefined>\n\t>;\n\tmakeExpiryMandatory?: boolean;\n}\n\nconst StaticCoupon: React.FC<StaticCouponI> = (props) => {\n\t// If detailed description is enabled, render the detailed form\n\tif (props.getDetailedDescription) {\n\t\treturn (\n\t\t\t<StaticCouponContainerStyled style={{ marginTop: 0 }}>\n\t\t\t\t<Input\n\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tcouponCode: value?.trim(),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\tlabelText=\"Discount Code\"\n\t\t\t\t\tvalue={props.discountData.couponCode}\n\t\t\t\t\tplaceholder={'Eg. FLAT15OFF'}\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tstate={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t}\n\t\t\t\t\thintText=\"Code created on Shopify\"\n\t\t\t\t\twidth={'300px'}\n\t\t\t\t/>\n\t\t\t\t<DynamicCoupon\n\t\t\t\t\tcurrency={props.currency}\n\t\t\t\t\tentitledProducts={props.entitledProducts ?? []}\n\t\t\t\t\tprerequisiteProducts={props.prerequisiteProducts ?? []}\n\t\t\t\t\tsetEntitledProducts={props.setEntitledProducts!}\n\t\t\t\t\tsetPrerequisiteProducts={props.setPrerequisiteProducts!}\n\t\t\t\t\tdiscountData={props.discountData}\n\t\t\t\t\tproductPickerOpen={props.productPickerOpen}\n\t\t\t\t\tproductVariablePickerOpen={props.productVariablePickerOpen}\n\t\t\t\t\tsetIsProductPickerOpen={props.setIsProductPickerOpen!}\n\t\t\t\t\tsetIsProductVariablePickerOpen={props.setIsProductVariablePickerOpen!}\n\t\t\t\t\tsetDiscountData={props.setDiscountData}\n\t\t\t\t\tselectedCouponType={props.selectedCouponType}\n\t\t\t\t\tsetSelectedCouponType={props.setSelectedCouponType!}\n\t\t\t\t\tselectedMinimumRequirement={props.selectedMinimumRequirement!}\n\t\t\t\t\tsetSelectedMinimumRequirement={props.setSelectedMinimumRequirement!}\n\t\t\t\t\tdiscountCouponAppliesTo={props.discountCouponAppliesTo}\n\t\t\t\t\tofferAppliesToBuy={props.offerAppliesToBuy}\n\t\t\t\t\tofferAppliesToGet={props.offerAppliesToGet}\n\t\t\t\t\tsetDiscountCouponAppliesTo={props.setDiscountCouponAppliesTo!}\n\t\t\t\t\tsetOfferAppliesToBuy={props.setOfferAppliesToBuy!}\n\t\t\t\t\tsetOfferAppliesToGet={props.setOfferAppliesToGet!}\n\t\t\t\t\thideProbability={true}\n\t\t\t\t\thideExpiration={props.hideExpiration || false}\n\t\t\t\t\tallowStaticCoupon={true}\n\t\t\t\t\tnoTopMargin={true}\n\t\t\t\t\tonChangeCouponType={props.onChangeCouponType!}\n\t\t\t\t\tcollectionPickerOpen={props.collectionPickerOpen}\n\t\t\t\t\tentitledCollections={props.entitledCollections ?? []}\n\t\t\t\t\tprerequisiteCollections={props.prerequisiteCollections ?? []}\n\t\t\t\t\tsetIsCollectionPickerOpen={props.setIsCollectionPickerOpen!}\n\t\t\t\t\tsetEntitledCollections={props.setEntitledCollections!}\n\t\t\t\t\tsetPrerequisiteCollections={props.setPrerequisiteCollections!}\n\t\t\t\t\tuseNewPicker={props.useNewPicker}\n\t\t\t\t\tsetSelectedDiscountDetails={props.setSelectedDiscountDetails!}\n\t\t\t\t\tselectedDiscountDetails={props.selectedDiscountDetails}\n\t\t\t\t\tisProductVariableSupported={props.isProductVariableSupported}\n\t\t\t\t\tentitledProductVariable={props.entitledProductVariable}\n\t\t\t\t\tsetEntitledProductVariable={props.setEntitledProductVariable!}\n\t\t\t\t\tpreRequisiteProductVariable={props.preRequisiteProductVariable}\n\t\t\t\t\tsetPreRequisiteProductVariable={props.setPreRequisiteProductVariable!}\n\t\t\t\t\tproductVariableList={props.productVariableList}\n\t\t\t\t\tisAddExpirationChecked={props.isAddExpirationChecked!}\n\t\t\t\t\tsetIsAddExpirationChecked={props.setIsAddExpirationChecked!}\n\t\t\t\t\tdynamicDiscountValidationError={props.dynamicDiscountValidationError!}\n\t\t\t\t\tsetDynamicDiscountValidationError={\n\t\t\t\t\t\tprops.setDynamicDiscountValidationError!\n\t\t\t\t\t}\n\t\t\t\t\tsetValidationErrorMessage={props.setValidationErrorMessage!}\n\t\t\t\t\tresetValidationErrors={props.resetValidationErrors!}\n\t\t\t\t\tdiscountDetailsOptions={props.discountDetailsOptions!}\n\t\t\t\t\tselectedExpiration={props.selectedExpiration}\n\t\t\t\t\tsetSelectedExpiration={props.setSelectedExpiration!}\n\t\t\t\t\tmakeExpiryMandatory={props.makeExpiryMandatory ?? false}\n\t\t\t\t\tisUsageFromStatic={true}\n\t\t\t\t/>\n\t\t\t</StaticCouponContainerStyled>\n\t\t);\n\t}\n\n\t// Default simple static coupon form\n\treturn (\n\t\t<StaticCouponContainerStyled>\n\t\t\t<div className=\"static-coupon__data\">\n\t\t\t\t<div className=\"static-input__wrapper\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\tcouponCode: value?.trim(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabelText=\"Discount Code\"\n\t\t\t\t\t\tvalue={props.discountData.couponCode}\n\t\t\t\t\t\tplaceholder={'Eg. FLAT15OFF'}\n\t\t\t\t\t\tisRequired\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t\t}\n\t\t\t\t\t\thintText=\"Code created on Shopify\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"static-input__wrapper\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\t\tlabelText=\"Discount Coupon Title\"\n\t\t\t\t\t\tvalue={props.discountData.title}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\ttitle: value?.trim(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thintText=\"Same for everyone. Can’t be changed later\"\n\t\t\t\t\t\tisRequired\n\t\t\t\t\t\tplaceholder={`Eg. “Flat ${props.currency ?? ''}15 Off”`}\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponTitle\n\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponTitle\n\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Input\n\t\t\t\tmaxCharLimit={60}\n\t\t\t\tlabelText=\"Coupon Description\"\n\t\t\t\tvalue={props.discountData.description}\n\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\tdescription: value?.trim(),\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\tplaceholder={'Eg. “Get Flat 15% off”'}\n\t\t\t\tisRequired\n\t\t\t\terrorMessage={\n\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponDescription\n\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tstate={\n\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponDescription\n\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t: 'none'\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{!props.hideProbability && (\n\t\t\t\t<Input\n\t\t\t\t\tlabelText=\"Probability of getting coupon\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tprops.discountData.probability !== null &&\n\t\t\t\t\t\tprops.discountData.probability !== undefined\n\t\t\t\t\t\t\t? props.discountData.probability.toString()\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tprobability: value.startsWith('.')\n\t\t\t\t\t\t\t\t? parseFloat(parseFloat(`0${value}`).toFixed(2))\n\t\t\t\t\t\t\t\t: parseFloat(parseFloat(value).toFixed(2)),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\tplaceholder={'Eg. 0.5'}\n\t\t\t\t\twidth={'288px'}\n\t\t\t\t\thintText=\"Enter a decimal value between 0-1\"\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.inValidProbability\n\t\t\t\t\t\t\t? 'Enter probability in decimals (0 - 1)'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tstate={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.inValidProbability\n\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{props.discountAdminUrl && (\n\t\t\t\t<Alert\n\t\t\t\t\ttype={ALERT_TYPES.NEUTRAL}\n\t\t\t\t\ttext=\"To create a discount code on Shopify,\"\n\t\t\t\t\tcontentPosition={CONTENT_POSITION.START}\n\t\t\t\t\tredirectToText=\"click here\"\n\t\t\t\t\tredirectTo={props.discountAdminUrl}\n\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</StaticCouponContainerStyled>\n\t);\n};\n\nexport default StaticCoupon;\n"],"names":["StaticCoupon","props","StaticCouponContainerStyled","jsxDEV","Input","value","this","DynamicCoupon","Alert","ALERT_TYPES","CONTENT_POSITION","InfoIcon","DEFAULT_THEME"],"mappings":"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"}
+{"version":3,"file":"StaticCoupon.js","sources":["../../../../../src/components/discount-modal/StaticCoupon/StaticCoupon.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport { Alert, ALERT_TYPES, CONTENT_POSITION } from '@src/components/alerts';\nimport {\n\tCOUPON_EXPIRATION,\n\tDISCOUNT_APPLIES_TO,\n\tDISCOUNT_TYPES,\n\tICouponData,\n\tIDynamicDiscountValidationError,\n\tIStaticDiscountValidationError,\n\tMIN_PURCHASE_REQUIREMENT,\n\tOFFER_APPLIES_TO,\n\tProductVariable,\n} from '@src/components/discount-modal/type';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { Collection, Product } from '@src/components/product-picker/type';\nimport { VariableListInterfaceV3 } from '@src/components/variable-picker-v3/model';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { StaticCouponContainerStyled } from '../DiscountModal.styled';\nimport DynamicCoupon, {\n\tDISCOUNT_PRODUCTS,\n} from '../DynamicCoupon/DynamicCoupon';\n\ninterface StaticCouponI {\n\tdiscountData: ICouponData;\n\tsetDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;\n\thideProbability: boolean;\n\tdiscountAdminUrl?: string;\n\tstaticDiscountValidationError?: IStaticDiscountValidationError;\n\tcurrency?: string;\n\tgetDetailedDescription?: boolean;\n\tselectedCouponType?: DISCOUNT_TYPES;\n\tsetSelectedCouponType?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_TYPES | undefined>\n\t>;\n\tselectedMinimumRequirement?: MIN_PURCHASE_REQUIREMENT;\n\tsetSelectedMinimumRequirement?: React.Dispatch<\n\t\tReact.SetStateAction<MIN_PURCHASE_REQUIREMENT>\n\t>;\n\tdiscountCouponAppliesTo?: DISCOUNT_APPLIES_TO;\n\tofferAppliesToBuy?: OFFER_APPLIES_TO;\n\tofferAppliesToGet?: OFFER_APPLIES_TO;\n\tsetDiscountCouponAppliesTo?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_APPLIES_TO>\n\t>;\n\tsetOfferAppliesToBuy?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;\n\tsetOfferAppliesToGet?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;\n\thideExpiration?: boolean;\n\tonChangeCouponType?: (option: SingleOption) => void;\n\tentitledProducts?: Product[];\n\tprerequisiteProducts?: Product[];\n\tsetEntitledProducts?: React.Dispatch<\n\t\tReact.SetStateAction<Product[] | undefined>\n\t>;\n\tsetPrerequisiteProducts?: React.Dispatch<\n\t\tReact.SetStateAction<Product[] | undefined>\n\t>;\n\tentitledCollections?: Collection[];\n\tprerequisiteCollections?: Collection[];\n\tsetEntitledCollections?: React.Dispatch<\n\t\tReact.SetStateAction<Collection[] | undefined>\n\t>;\n\tsetPrerequisiteCollections?: React.Dispatch<\n\t\tReact.SetStateAction<Collection[] | undefined>\n\t>;\n\tsetIsProductPickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tsetIsProductVariablePickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tsetIsCollectionPickerOpen?: React.Dispatch<\n\t\tReact.SetStateAction<DISCOUNT_PRODUCTS | undefined>\n\t>;\n\tproductPickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tproductVariablePickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tcollectionPickerOpen?: DISCOUNT_PRODUCTS | undefined;\n\tuseNewPicker?: boolean;\n\tselectedDiscountDetails?: any;\n\tsetSelectedDiscountDetails?: React.Dispatch<React.SetStateAction<any>>;\n\tisProductVariableSupported?: boolean;\n\tentitledProductVariable?: ProductVariable;\n\tsetEntitledProductVariable?: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariable | undefined>\n\t>;\n\tpreRequisiteProductVariable?: ProductVariable;\n\tsetPreRequisiteProductVariable?: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariable | undefined>\n\t>;\n\tproductVariableList?: VariableListInterfaceV3[];\n\tisAddExpirationChecked?: boolean;\n\tsetIsAddExpirationChecked?: React.Dispatch<React.SetStateAction<boolean>>;\n\tdynamicDiscountValidationError?: IDynamicDiscountValidationError;\n\tsetDynamicDiscountValidationError?: React.Dispatch<\n\t\tReact.SetStateAction<IDynamicDiscountValidationError>\n\t>;\n\tsetValidationErrorMessage?: React.Dispatch<React.SetStateAction<string>>;\n\tresetValidationErrors?: () => void;\n\tdiscountDetailsOptions?: any[];\n\tselectedExpiration?: COUPON_EXPIRATION | undefined;\n\tsetSelectedExpiration?: React.Dispatch<\n\t\tReact.SetStateAction<COUPON_EXPIRATION | undefined>\n\t>;\n\tmakeExpiryMandatory?: boolean;\n}\n\nconst StaticCoupon: React.FC<StaticCouponI> = (props) => {\n\t// If detailed description is enabled, render the detailed form\n\tif (props.getDetailedDescription) {\n\t\treturn (\n\t\t\t<StaticCouponContainerStyled style={{ marginTop: 0 }}>\n\t\t\t\t<Input\n\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tcouponCode: value?.trim(),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\tlabelText=\"Discount Code\"\n\t\t\t\t\tvalue={props.discountData.couponCode}\n\t\t\t\t\tplaceholder={'Eg. FLAT15OFF'}\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tstate={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t}\n\t\t\t\t\thintText=\"Code created on Shopify\"\n\t\t\t\t\twidth={'300px'}\n\t\t\t\t/>\n\t\t\t\t<DynamicCoupon\n\t\t\t\t\tcurrency={props.currency}\n\t\t\t\t\tentitledProducts={props.entitledProducts ?? []}\n\t\t\t\t\tprerequisiteProducts={props.prerequisiteProducts ?? []}\n\t\t\t\t\tsetEntitledProducts={props.setEntitledProducts!}\n\t\t\t\t\tsetPrerequisiteProducts={props.setPrerequisiteProducts!}\n\t\t\t\t\tdiscountData={props.discountData}\n\t\t\t\t\tproductPickerOpen={props.productPickerOpen}\n\t\t\t\t\tproductVariablePickerOpen={props.productVariablePickerOpen}\n\t\t\t\t\tsetIsProductPickerOpen={props.setIsProductPickerOpen!}\n\t\t\t\t\tsetIsProductVariablePickerOpen={props.setIsProductVariablePickerOpen!}\n\t\t\t\t\tsetDiscountData={props.setDiscountData}\n\t\t\t\t\tselectedCouponType={props.selectedCouponType}\n\t\t\t\t\tsetSelectedCouponType={props.setSelectedCouponType!}\n\t\t\t\t\tselectedMinimumRequirement={props.selectedMinimumRequirement!}\n\t\t\t\t\tsetSelectedMinimumRequirement={props.setSelectedMinimumRequirement!}\n\t\t\t\t\tdiscountCouponAppliesTo={props.discountCouponAppliesTo}\n\t\t\t\t\tofferAppliesToBuy={props.offerAppliesToBuy}\n\t\t\t\t\tofferAppliesToGet={props.offerAppliesToGet}\n\t\t\t\t\tsetDiscountCouponAppliesTo={props.setDiscountCouponAppliesTo!}\n\t\t\t\t\tsetOfferAppliesToBuy={props.setOfferAppliesToBuy!}\n\t\t\t\t\tsetOfferAppliesToGet={props.setOfferAppliesToGet!}\n\t\t\t\t\thideProbability={true}\n\t\t\t\t\thideExpiration={props.hideExpiration || false}\n\t\t\t\t\tallowStaticCoupon={true}\n\t\t\t\t\tnoTopMargin={true}\n\t\t\t\t\tonChangeCouponType={props.onChangeCouponType!}\n\t\t\t\t\tcollectionPickerOpen={props.collectionPickerOpen}\n\t\t\t\t\tentitledCollections={props.entitledCollections ?? []}\n\t\t\t\t\tprerequisiteCollections={props.prerequisiteCollections ?? []}\n\t\t\t\t\tsetIsCollectionPickerOpen={props.setIsCollectionPickerOpen!}\n\t\t\t\t\tsetEntitledCollections={props.setEntitledCollections!}\n\t\t\t\t\tsetPrerequisiteCollections={props.setPrerequisiteCollections!}\n\t\t\t\t\tuseNewPicker={props.useNewPicker}\n\t\t\t\t\tsetSelectedDiscountDetails={props.setSelectedDiscountDetails!}\n\t\t\t\t\tselectedDiscountDetails={props.selectedDiscountDetails}\n\t\t\t\t\tisProductVariableSupported={props.isProductVariableSupported}\n\t\t\t\t\tentitledProductVariable={props.entitledProductVariable}\n\t\t\t\t\tsetEntitledProductVariable={props.setEntitledProductVariable!}\n\t\t\t\t\tpreRequisiteProductVariable={props.preRequisiteProductVariable}\n\t\t\t\t\tsetPreRequisiteProductVariable={props.setPreRequisiteProductVariable!}\n\t\t\t\t\tproductVariableList={props.productVariableList}\n\t\t\t\t\tisAddExpirationChecked={props.isAddExpirationChecked!}\n\t\t\t\t\tsetIsAddExpirationChecked={props.setIsAddExpirationChecked!}\n\t\t\t\t\tdynamicDiscountValidationError={props.dynamicDiscountValidationError!}\n\t\t\t\t\tsetDynamicDiscountValidationError={\n\t\t\t\t\t\tprops.setDynamicDiscountValidationError!\n\t\t\t\t\t}\n\t\t\t\t\tsetValidationErrorMessage={props.setValidationErrorMessage!}\n\t\t\t\t\tresetValidationErrors={props.resetValidationErrors!}\n\t\t\t\t\tdiscountDetailsOptions={props.discountDetailsOptions!}\n\t\t\t\t\tselectedExpiration={props.selectedExpiration}\n\t\t\t\t\tsetSelectedExpiration={props.setSelectedExpiration!}\n\t\t\t\t\tmakeExpiryMandatory={props.makeExpiryMandatory ?? false}\n\t\t\t\t\tisUsageFromStatic={true}\n\t\t\t\t/>\n\t\t\t</StaticCouponContainerStyled>\n\t\t);\n\t}\n\n\t// Default simple static coupon form\n\treturn (\n\t\t<StaticCouponContainerStyled>\n\t\t\t<div className=\"static-coupon__data\">\n\t\t\t\t<div className=\"static-input__wrapper\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\tcouponCode: value?.trim(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabelText=\"Discount Code\"\n\t\t\t\t\t\tvalue={props.discountData.couponCode}\n\t\t\t\t\t\tplaceholder={'Eg. FLAT15OFF'}\n\t\t\t\t\t\tisRequired\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidDiscountCode\n\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t\t}\n\t\t\t\t\t\thintText=\"Code created on Shopify\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"static-input__wrapper\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tmaxCharLimit={30}\n\t\t\t\t\t\tlabelText=\"Discount Coupon Title\"\n\t\t\t\t\t\tvalue={props.discountData.title}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\t\ttitle: value?.trim(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thintText=\"Same for everyone. Can’t be changed later\"\n\t\t\t\t\t\tisRequired\n\t\t\t\t\t\tplaceholder={`Eg. “Flat ${props.currency ?? ''}15 Off”`}\n\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponTitle\n\t\t\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate={\n\t\t\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponTitle\n\t\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Input\n\t\t\t\tmaxCharLimit={60}\n\t\t\t\tlabelText=\"Coupon Description\"\n\t\t\t\tvalue={props.discountData.description}\n\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\tdescription: value?.trim(),\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\tplaceholder={'Eg. “Get Flat 15% off”'}\n\t\t\t\tisRequired\n\t\t\t\terrorMessage={\n\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponDescription\n\t\t\t\t\t\t? 'Required Field'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tstate={\n\t\t\t\t\tprops.staticDiscountValidationError?.invalidCouponDescription\n\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t: 'none'\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{!props.hideProbability && (\n\t\t\t\t<Input\n\t\t\t\t\tlabelText=\"Probability of getting coupon\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tprops.discountData.probability !== null &&\n\t\t\t\t\t\tprops.discountData.probability !== undefined\n\t\t\t\t\t\t\t? props.discountData.probability.toString()\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\tprops.setDiscountData({\n\t\t\t\t\t\t\t...props.discountData,\n\t\t\t\t\t\t\tprobability: value.startsWith('.')\n\t\t\t\t\t\t\t\t? parseFloat(parseFloat(`0${value}`).toFixed(2))\n\t\t\t\t\t\t\t\t: parseFloat(parseFloat(value).toFixed(2)),\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\tplaceholder={'Eg. 0.5'}\n\t\t\t\t\twidth={'288px'}\n\t\t\t\t\thintText=\"Enter a decimal value between 0-1\"\n\t\t\t\t\tisRequired\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.inValidProbability\n\t\t\t\t\t\t\t? 'Enter probability in decimals (0 - 1)'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tstate={\n\t\t\t\t\t\tprops.staticDiscountValidationError?.inValidProbability\n\t\t\t\t\t\t\t? 'invalid'\n\t\t\t\t\t\t\t: 'none'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{props.discountAdminUrl && (\n\t\t\t\t<Alert\n\t\t\t\t\ttype={ALERT_TYPES.NEUTRAL}\n\t\t\t\t\ttext=\"To create a discount code on Shopify,\"\n\t\t\t\t\tcontentPosition={CONTENT_POSITION.START}\n\t\t\t\t\tredirectToText=\"click here\"\n\t\t\t\t\tredirectTo={props.discountAdminUrl}\n\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</StaticCouponContainerStyled>\n\t);\n};\n\nexport default StaticCoupon;\n"],"names":["StaticCoupon","props","StaticCouponContainerStyled","jsxDEV","Input","value","this","DynamicCoupon","Alert","ALERT_TYPES","CONTENT_POSITION","InfoIcon","DEFAULT_THEME"],"mappings":"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"}

package/dist/cjs/components/dot-pulse/DotPulse.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("styled-components"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=r(i),l=({color:e="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:o=4})=>t.jsxDEV(a,{children:[t.jsxDEV(n,{$color:e,$size:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:15,columnNumber:4},void 0),t.jsxDEV(n,{$color:e,$size:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:16,columnNumber:4},void 0),t.jsxDEV(n,{$color:e,$size:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:14,columnNumber:3},void 0),a=s.default.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),i=require("styled-components"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(i),r=({color:e="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:s=4})=>o.jsxDEV(l,{children:[o.jsxDEV(t,{$color:e,$size:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:15,columnNumber:4},void 0),o.jsxDEV(t,{$color:e,$size:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:16,columnNumber:4},void 0),o.jsxDEV(t,{$color:e,$size:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dot-pulse/DotPulse.tsx",lineNumber:14,columnNumber:3},void 0),l=n.default.span`
 	display: inline-flex;
 	align-items: center;
-`,n=s.default.span`
+`,t=n.default.span`
 	display: block;
 	width: ${e=>e.$size}px;
 	height: ${e=>e.$size}px;
@@ -32,5 +32,5 @@
 			transform: scale(1.4);
 		}
 	}
-`;exports.DotPulse=l;
+`;exports.DotPulse=r;
 //# sourceMappingURL=DotPulse.js.map

package/dist/cjs/components/dot-pulse/DotPulse.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotPulse.js","sources":["../../../../src/components/dot-pulse/DotPulse.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport interface DotPulseProps {\n\tcolor?: string;\n\tsize?: number;\n}\n\nconst DotPulse: React.FC<DotPulseProps> = ({\n\tcolor = 'linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)',\n\tsize = 4,\n}) => {\n\treturn (\n\t\t<DotPulseContainer>\n\t\t\t<Dot $color={color} $size={size} />\n\t\t\t<Dot $color={color} $size={size} />\n\t\t\t<Dot $color={color} $size={size} />\n\t\t</DotPulseContainer>\n\t);\n};\n\nconst DotPulseContainer = styled.span`\n\tdisplay: inline-flex;\n\talign-items: center;\n`;\n\ninterface DotProps {\n\t$color: string;\n\t$size: number;\n}\n\nconst Dot = styled.span<DotProps>`\n\tdisplay: block;\n\twidth: ${(props) => props.$size}px;\n\theight: ${(props) => props.$size}px;\n\tborder-radius: 50%;\n\tbackground: ${(props) => props.$color};\n\tmargin: 0 1.5px;\n\topacity: 0.6;\n\tanimation: dotPulse 1.2s infinite;\n\twill-change: opacity, transform;\n\n\t&:nth-child(2) {\n\t\tanimation-delay: 0.2s;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation-delay: 0.4s;\n\t}\n\n\t@keyframes dotPulse {\n\t\t0%,\n\t\t80%,\n\t\t100% {\n\t\t\topacity: 0.6;\n\t\t\ttransform: scale(1);\n\t\t}\n\t\t40% {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1.4);\n\t\t}\n\t}\n`;\n\nexport { DotPulse };\n"],"names":["DotPulse","color","size","DotPulseContainer","jsxDEV","Dot","this","styled","props"],"mappings":"uNAQMA,EAAoC,CAAC,CAC1C,MAAAC,EAAQ,qDACR,KAAAC,EAAO,CACR,aAEGC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,EACjCF,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,EACjCF,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,CAAA,CAAA,EAHlC,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAIIH,EAAoBI,EAAAA,QAAO;AAAA;AAAA;AAAA,EAU3BF,EAAME,EAAAA,QAAO;AAAA;AAAA,UAERC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,KAAK;AAAA;AAAA,eAEjBA,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"DotPulse.js","sources":["../../../../src/components/dot-pulse/DotPulse.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport interface DotPulseProps {\n\tcolor?: string;\n\tsize?: number;\n}\n\nconst DotPulse: React.FC<DotPulseProps> = ({\n\tcolor = 'linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)',\n\tsize = 4,\n}) => {\n\treturn (\n\t\t<DotPulseContainer>\n\t\t\t<Dot $color={color} $size={size} />\n\t\t\t<Dot $color={color} $size={size} />\n\t\t\t<Dot $color={color} $size={size} />\n\t\t</DotPulseContainer>\n\t);\n};\n\nconst DotPulseContainer = styled.span`\n\tdisplay: inline-flex;\n\talign-items: center;\n`;\n\ninterface DotProps {\n\t$color: string;\n\t$size: number;\n}\n\nconst Dot = styled.span<DotProps>`\n\tdisplay: block;\n\twidth: ${(props) => props.$size}px;\n\theight: ${(props) => props.$size}px;\n\tborder-radius: 50%;\n\tbackground: ${(props) => props.$color};\n\tmargin: 0 1.5px;\n\topacity: 0.6;\n\tanimation: dotPulse 1.2s infinite;\n\twill-change: opacity, transform;\n\n\t&:nth-child(2) {\n\t\tanimation-delay: 0.2s;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation-delay: 0.4s;\n\t}\n\n\t@keyframes dotPulse {\n\t\t0%,\n\t\t80%,\n\t\t100% {\n\t\t\topacity: 0.6;\n\t\t\ttransform: scale(1);\n\t\t}\n\t\t40% {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1.4);\n\t\t}\n\t}\n`;\n\nexport { DotPulse };\n"],"names":["DotPulse","color","size","DotPulseContainer","jsxDEV","Dot","this","styled","props"],"mappings":"uNAQMA,EAAoC,CAAC,CAC1C,MAAAC,EAAQ,qDACR,KAAAC,EAAO,CACR,aAEGC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,EACjCF,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,EACjCF,SAACC,EAAA,CAAI,OAAQJ,EAAO,MAAOC,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAiC,CAAA,CAAA,EAHlC,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAIIH,EAAoBI,EAAAA,QAAO;AAAA;AAAA;AAAA,EAU3BF,EAAME,EAAAA,QAAO;AAAA;AAAA,UAERC,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,KAAK;AAAA;AAAA,eAEjBA,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/dropShadow/DropShadow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),t={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},x=({level:o="z1",position:e="down",children:r,style:p})=>{const n=t[o][e];return a.jsxDEV("div",{style:{boxShadow:n,...p??{}},children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropShadow/DropShadow.tsx",lineNumber:22,columnNumber:9},void 0)};exports.DropShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),s={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},t=({level:o="z1",position:e="down",children:r,style:p})=>{const n=s[o][e];return a.jsxDEV("div",{style:{boxShadow:n,...p??{}},children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropShadow/DropShadow.tsx",lineNumber:22,columnNumber:9},void 0)};exports.DropShadow=t;
 //# sourceMappingURL=DropShadow.js.map

package/dist/cjs/components/dropShadow/DropShadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropShadow.js","sources":["../../../../src/components/dropShadow/DropShadow.tsx"],"sourcesContent":["import React from 'react';\n\nconst BoxShadowMap = {\n\tz1: {\n\t\tup: '0px -2px 8px rgba(0, 0, 0, 0.12)',\n\t\tdown: '0px 2px 8px rgba(0, 0, 0, 0.12)',\n\t},\n\tz2: {\n\t\tup: '0px -4px 12px rgba(0, 0, 0, 0.12)',\n\t\tdown: '0px 4px 12px rgba(0, 0, 0, 0.12)',\n\t},\n};\n\nexport const DropShadow: React.FC<{\n\tlevel: 'z1' | 'z2';\n\tposition: 'up' | 'down';\n\tchildren: React.ReactNode;\n\tstyle?: React.CSSProperties;\n}> = ({ level = 'z1', position = 'down', children, style }) => {\n\tconst boxShadow = BoxShadowMap[level][position];\n\n\treturn <div style={{ boxShadow, ...(style ?? {}) }}>{children}</div>;\n};\n"],"names":["BoxShadowMap","DropShadow","level","position","children","style","boxShadow","jsxDEV","this"],"mappings":"yHAEMA,EAAe,CACpB,GAAI,CACH,GAAI,mCACJ,KAAM,iCAAA,EAEP,GAAI,CACH,GAAI,oCACJ,KAAM,kCAAA,CAER,EAEaC,EAKR,CAAC,CAAE,MAAAC,EAAQ,KAAM,SAAAC,EAAW,OAAQ,SAAAC,EAAU,MAAAC,KAAY,CAC9D,MAAMC,EAAYN,EAAaE,CAAK,EAAEC,CAAQ,EAE9C,OAAOI,SAAC,MAAA,CAAI,MAAO,CAAE,UAAAD,EAAW,GAAID,GAAS,CAAA,CAAC,EAAO,SAAAD,GAA9C,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAuD,CAC/D"}
+{"version":3,"file":"DropShadow.js","sources":["../../../../src/components/dropShadow/DropShadow.tsx"],"sourcesContent":["import React from 'react';\n\nconst BoxShadowMap = {\n\tz1: {\n\t\tup: '0px -2px 8px rgba(0, 0, 0, 0.12)',\n\t\tdown: '0px 2px 8px rgba(0, 0, 0, 0.12)',\n\t},\n\tz2: {\n\t\tup: '0px -4px 12px rgba(0, 0, 0, 0.12)',\n\t\tdown: '0px 4px 12px rgba(0, 0, 0, 0.12)',\n\t},\n};\n\nexport const DropShadow: React.FC<{\n\tlevel: 'z1' | 'z2';\n\tposition: 'up' | 'down';\n\tchildren: React.ReactNode;\n\tstyle?: React.CSSProperties;\n}> = ({ level = 'z1', position = 'down', children, style }) => {\n\tconst boxShadow = BoxShadowMap[level][position];\n\n\treturn <div style={{ boxShadow, ...(style ?? {}) }}>{children}</div>;\n};\n"],"names":["BoxShadowMap","DropShadow","level","position","children","style","boxShadow","jsxDEV","this"],"mappings":"yHAEMA,EAAe,CACpB,GAAI,CACH,GAAI,mCACJ,KAAM,iCAAA,EAEP,GAAI,CACH,GAAI,oCACJ,KAAM,kCAAA,CAER,EAEaC,EAKR,CAAC,CAAE,MAAAC,EAAQ,KAAM,SAAAC,EAAW,OAAQ,SAAAC,EAAU,MAAAC,KAAY,CAC9D,MAAMC,EAAYN,EAAaE,CAAK,EAAEC,CAAQ,EAE9C,OAAOI,SAAC,MAAA,CAAI,MAAO,CAAE,UAAAD,EAAW,GAAID,GAAS,CAAA,CAAC,EAAO,SAAAD,GAA9C,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAuD,CAC/D"}

package/dist/cjs/components/dropdown/ChipDropdown.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),d=require("react"),m=require("styled-components"),t=require("../../constants/Theme.js"),f=require("../../assets/icons/chevronDown.svg.js"),b=require("../../assets/icons/chevronDownOutline.svg.js"),g=require("../../assets/icons/chevronUpOutline.svg.js"),w=require("../TypographyStyle.js"),y=require("./DropdownPopover/index.js"),x=require("../tag/Tag.js"),D=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},C=D(m),c=({placeHolder:e,onSelect:a,backgroundColor:l,...n})=>{const[i,u]=d.useState(!1),p=d.useRef();function h(r){a?.(r)}return o.jsxDEV(y.DropdownPopover,{ref:p,onDropdownVisbilityChange:r=>u(r),onSelect:h,...n,children:n.inputType=="default"?o.jsxDEV(s,{width:n?.inputStyle?.width,height:n?.inputStyle?.height,backgroundColor:l,children:[o.jsxDEV(w.BodySecondary,{color:t.COLORS.content.placeholder,children:e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:45,columnNumber:6},void 0),o.jsxDEV(f.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:t.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:48,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:40,columnNumber:5},void 0):o.jsxDEV(x.Tag,{tagText:e??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:i?g.default:b.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:58,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:29,columnNumber:3},void 0)};c.displayName="ChipDropdown";const s=C.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),s=require("react"),m=require("styled-components"),i=require("../../constants/Theme.js"),b=require("../../assets/icons/chevronDown.svg.js"),f=require("../../assets/icons/chevronDownOutline.svg.js"),y=require("../../assets/icons/chevronUpOutline.svg.js"),g=require("../TypographyStyle.js"),w=require("./DropdownPopover/index.js"),D=require("../tag/Tag.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},v=k(m),a=({placeHolder:e,onSelect:l,backgroundColor:c,...n})=>{const[t,p]=s.useState(!1),u=s.useRef();function h(r){l?.(r)}return o.jsxDEV(w.DropdownPopover,{ref:u,onDropdownVisbilityChange:r=>p(r),onSelect:h,...n,children:n.inputType=="default"?o.jsxDEV(d,{width:n?.inputStyle?.width,height:n?.inputStyle?.height,backgroundColor:c,children:[o.jsxDEV(g.BodySecondary,{color:i.COLORS.content.placeholder,children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:45,columnNumber:6},void 0),o.jsxDEV(b.default,{style:{transform:t?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:48,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:40,columnNumber:5},void 0):o.jsxDEV(D.Tag,{tagText:e??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:t?y.default:f.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:58,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipDropdown.tsx",lineNumber:29,columnNumber:3},void 0)};a.displayName="ChipDropdown";const d=v.default.div`
 	display: flex;
 	flex-direction: row;
 	width: ${e=>e?.width?e.width:"240px"};
@@ -6,11 +6,11 @@
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${t.COLORS.stroke.primary};
+	border: 1px solid ${i.COLORS.stroke.primary};
 	border-radius: 4px;
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
 	${e=>e.backgroundColor&&`background-color: ${e.backgroundColor};`}
-`;exports.ChipDropdown=c;exports.ChipDropdownContainer=s;
+`;exports.ChipDropdown=a;exports.ChipDropdownContainer=d;
 //# sourceMappingURL=ChipDropdown.js.map

package/dist/cjs/components/dropdown/ChipDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDropdown.js","sources":["../../../../src/components/dropdown/ChipDropdown.tsx"],"sourcesContent":["import React, { Ref, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport DownIcon from '../../assets/icons/chevronDownOutline.svg';\nimport UpIcon from '../../assets/icons/chevronUpOutline.svg';\nimport { BodySecondary } from '../TypographyStyle';\nimport { DropdownProps } from './Dropdown';\nimport { DropdownPopover } from './DropdownPopover';\n\nexport const ChipDropdown: React.FC<DropdownProps> = ({\n\tplaceHolder,\n\tonSelect,\n\tbackgroundColor,\n\t...openDropdownProps\n}) => {\n\tconst [isDropdownOpened, setDropdownOpenFlag] = useState(false);\n\tconst dropdownVisibilityRef = useRef<{\n\t\topenDropdown: boolean;\n\t}>();\n\n\tfunction handleSelection(option: DropdownOption | DropdownOption[]) {\n\t\tonSelect?.(option);\n\t}\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tref={\n\t\t\t\tdropdownVisibilityRef as Ref<{\n\t\t\t\t\topenDropdown: boolean;\n\t\t\t\t}>\n\t\t\t}\n\t\t\tonDropdownVisbilityChange={(isOpen) => setDropdownOpenFlag(isOpen)}\n\t\t\tonSelect={handleSelection}\n\t\t\t{...openDropdownProps}\n\t\t>\n\t\t\t{openDropdownProps.inputType == 'default' ? (\n\t\t\t\t<ChipDropdownContainer\n\t\t\t\t\twidth={openDropdownProps?.inputStyle?.width as string}\n\t\t\t\t\theight={openDropdownProps?.inputStyle?.height as string}\n\t\t\t\t\tbackgroundColor={backgroundColor}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary color={COLORS.content.placeholder}>\n\t\t\t\t\t\t{placeHolder}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<ChevronDownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</ChipDropdownContainer>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={placeHolder ?? ''}\n\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\tTrailingIcon={!isDropdownOpened ? DownIcon : UpIcon}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DropdownPopover>\n\t);\n};\n\nChipDropdown.displayName = 'ChipDropdown';\n\nexport const ChipDropdownContainer = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tbackgroundColor?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: ${(props) => (props?.width ? props.width : '240px')};\n\theight: ${(props) => (props?.height ? props.height : '32px')};\n\tgap: 8px;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tcursor: pointer;\n\t${(props) =>\n\t\tprops.backgroundColor && `background-color: ${props.backgroundColor};`}\n`;\n"],"names":["ChipDropdown","placeHolder","onSelect","backgroundColor","openDropdownProps","isDropdownOpened","setDropdownOpenFlag","useState","dropdownVisibilityRef","useRef","handleSelection","option","jsxDEV","DropdownPopover","isOpen","ChipDropdownContainer","BodySecondary","COLORS","this","ChevronDownIcon","Tag","UpIcon","DownIcon","styled","props"],"mappings":"2hBAYaA,EAAwC,CAAC,CACrD,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,GAAGC,CACJ,IAAM,CACL,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,EAAK,EACxDC,EAAwBC,EAAAA,OAAA,EAI9B,SAASC,EAAgBC,EAA2C,CACnET,IAAWS,CAAM,CAClB,CAEA,OACCC,EAAAA,OAACC,EAAAA,gBAAA,CACA,IACCL,EAID,0BAA4BM,GAAWR,EAAoBQ,CAAM,EACjE,SAAUJ,EACT,GAAGN,EAEH,SAAAA,EAAkB,WAAa,UAC/BQ,EAAAA,OAACG,EAAA,CACA,MAAOX,GAAmB,YAAY,MACtC,OAAQA,GAAmB,YAAY,OACvC,gBAAAD,EAEA,SAAA,CAAAS,EAAAA,OAACI,EAAAA,cAAA,CAAc,MAAOC,SAAO,QAAQ,YACnC,SAAAhB,GADF,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAN,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWd,EAAmB,iBAAmB,cAAA,EAElD,MAAO,GACP,OAAQ,GACR,MAAOY,EAAAA,OAAO,QAAQ,OAAA,EANvB,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAOA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAkBAN,EAAAA,OAACQ,EAAAA,IAAA,CACA,QAASnB,GAAe,GACxB,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAeI,EAA8BgB,EAAAA,QAAXC,SAAW,EAL9C,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAnCF,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuCF,EAEAlB,EAAa,YAAc,eAEpB,MAAMe,EAAwBQ,EAAAA,QAAO;AAAA;AAAA;AAAA,UAOjCC,GAAWA,GAAO,MAAQA,EAAM,MAAQ,OAAQ;AAAA,WAC/CA,GAAWA,GAAO,OAASA,EAAM,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA,qBAIxCP,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAKtCO,GACFA,EAAM,iBAAmB,qBAAqBA,EAAM,eAAe,GAAG;AAAA"}
+{"version":3,"file":"ChipDropdown.js","sources":["../../../../src/components/dropdown/ChipDropdown.tsx"],"sourcesContent":["import React, { Ref, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport DownIcon from '../../assets/icons/chevronDownOutline.svg';\nimport UpIcon from '../../assets/icons/chevronUpOutline.svg';\nimport { BodySecondary } from '../TypographyStyle';\nimport { DropdownProps } from './Dropdown';\nimport { DropdownPopover } from './DropdownPopover';\n\nexport const ChipDropdown: React.FC<DropdownProps> = ({\n\tplaceHolder,\n\tonSelect,\n\tbackgroundColor,\n\t...openDropdownProps\n}) => {\n\tconst [isDropdownOpened, setDropdownOpenFlag] = useState(false);\n\tconst dropdownVisibilityRef = useRef<{\n\t\topenDropdown: boolean;\n\t}>();\n\n\tfunction handleSelection(option: DropdownOption | DropdownOption[]) {\n\t\tonSelect?.(option);\n\t}\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tref={\n\t\t\t\tdropdownVisibilityRef as Ref<{\n\t\t\t\t\topenDropdown: boolean;\n\t\t\t\t}>\n\t\t\t}\n\t\t\tonDropdownVisbilityChange={(isOpen) => setDropdownOpenFlag(isOpen)}\n\t\t\tonSelect={handleSelection}\n\t\t\t{...openDropdownProps}\n\t\t>\n\t\t\t{openDropdownProps.inputType == 'default' ? (\n\t\t\t\t<ChipDropdownContainer\n\t\t\t\t\twidth={openDropdownProps?.inputStyle?.width as string}\n\t\t\t\t\theight={openDropdownProps?.inputStyle?.height as string}\n\t\t\t\t\tbackgroundColor={backgroundColor}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary color={COLORS.content.placeholder}>\n\t\t\t\t\t\t{placeHolder}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<ChevronDownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</ChipDropdownContainer>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={placeHolder ?? ''}\n\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\tTrailingIcon={!isDropdownOpened ? DownIcon : UpIcon}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DropdownPopover>\n\t);\n};\n\nChipDropdown.displayName = 'ChipDropdown';\n\nexport const ChipDropdownContainer = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tbackgroundColor?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: ${(props) => (props?.width ? props.width : '240px')};\n\theight: ${(props) => (props?.height ? props.height : '32px')};\n\tgap: 8px;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tcursor: pointer;\n\t${(props) =>\n\t\tprops.backgroundColor && `background-color: ${props.backgroundColor};`}\n`;\n"],"names":["ChipDropdown","placeHolder","onSelect","backgroundColor","openDropdownProps","isDropdownOpened","setDropdownOpenFlag","useState","dropdownVisibilityRef","useRef","handleSelection","option","jsxDEV","DropdownPopover","isOpen","ChipDropdownContainer","BodySecondary","COLORS","this","ChevronDownIcon","Tag","UpIcon","DownIcon","styled","props"],"mappings":"2hBAYaA,EAAwC,CAAC,CACrD,YAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,GAAGC,CACJ,IAAM,CACL,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,EAAK,EACxDC,EAAwBC,EAAAA,OAAA,EAI9B,SAASC,EAAgBC,EAA2C,CACnET,IAAWS,CAAM,CAClB,CAEA,OACCC,EAAAA,OAACC,EAAAA,gBAAA,CACA,IACCL,EAID,0BAA4BM,GAAWR,EAAoBQ,CAAM,EACjE,SAAUJ,EACT,GAAGN,EAEH,SAAAA,EAAkB,WAAa,UAC/BQ,EAAAA,OAACG,EAAA,CACA,MAAOX,GAAmB,YAAY,MACtC,OAAQA,GAAmB,YAAY,OACvC,gBAAAD,EAEA,SAAA,CAAAS,EAAAA,OAACI,EAAAA,cAAA,CAAc,MAAOC,SAAO,QAAQ,YACnC,SAAAhB,GADF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAN,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWd,EAAmB,iBAAmB,cAAA,EAElD,MAAO,GACP,OAAQ,GACR,MAAOY,EAAAA,OAAO,QAAQ,OAAA,EANvB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAOA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAkBAN,EAAAA,OAACQ,EAAAA,IAAA,CACA,QAASnB,GAAe,GACxB,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAeI,EAA8BgB,EAAAA,QAAXC,SAAW,EAL9C,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAnCF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuCF,EAEAlB,EAAa,YAAc,eAEpB,MAAMe,EAAwBQ,EAAAA,QAAO;AAAA;AAAA;AAAA,UAOjCC,GAAWA,GAAO,MAAQA,EAAM,MAAQ,OAAQ;AAAA,WAC/CA,GAAWA,GAAO,OAASA,EAAM,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA,qBAIxCP,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAKtCO,GACFA,EAAM,iBAAmB,qBAAqBA,EAAM,eAAe,GAAG;AAAA"}

package/dist/cjs/components/dropdown/ChipInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),u=require("react"),g=require("../../utils/StringUtils.js"),c=require("../../constants/Theme.js"),v=require("../../assets/icons/chevronDown.svg.js"),I=require("../../assets/icons/cross.svg.js"),w=require("../../assets/icons/errorInfo.svg.js"),D=require("../input/Input.styled.js"),m=require("../TypographyStyle.js"),E=require("./Common.styled.js"),P=require("../tag/Tag.js"),V=require("../tooltips/Tooltip.js"),O=n=>n.length===1?100:n.length===2?40:34,U=({chips:n,onDeleteChip:p,containerStyle:h={},sizeToUse:s="default",isDropdownOpened:b,placeholder:f="Select..",errorMessage:l="",showLabelsOnMoreHover:N=!1})=>{const[x,C]=u.useState(),[a,j]=u.useState(0),[d,y]=u.useState([]);return u.useEffect(()=>{if(!n)return;let t=0;const o=O(n);let r=n.filter(i=>(t+=i.label.length,t<=o));r.length===0&&n.length>0&&(r=[n[0]]),C(r);const k=n.filter(i=>!r.includes(i)).map(i=>i.label);y(k),j(n.length-r.length)},[n]),e.jsxDEV(e.Fragment,{children:[e.jsxDEV(E.ChipInputWrapper,{style:{...h},error:!!l,children:[e.jsxDEV("div",{className:"chips-container",children:[x?.map((t,o)=>e.jsxDEV("div",{style:{zIndex:2},children:e.jsxDEV(P.Tag,{tagText:g.default.truncateText(t.selectedLabel||t.label,40),TrailingIcon:()=>e.jsxDEV(I.default,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{p(t)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:77,columnNumber:10},void 0),children:t.selectedLabel||t.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:71,columnNumber:8},void 0)},o,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:70,columnNumber:7},void 0)),!!a&&e.jsxDEV("div",{style:{position:"relative",zIndex:2,pointerEvents:"auto"},children:e.jsxDEV(V.Tooltip,{body:"",placement:"bottom",tooltipContent:N&&d.length>0?e.jsxDEV("div",{style:{padding:"4px"},children:d.map((t,o)=>e.jsxDEV(m.BodyCaption,{style:{color:c.COLORS.text.white},children:t},o,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:106,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:104,columnNumber:11},void 0):void 0,children:e.jsxDEV(m.BodyCaption,{color:c.COLORS.content.placeholder,children:`+${a} more`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:117,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:99,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:92,columnNumber:7},void 0),n.length===0&&e.jsxDEV("div",{style:{color:c.COLORS.content.placeholder},children:f},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV("div",{children:e.jsxDEV(v.default,{style:{transform:b?"rotate(180deg)":"rotate(0deg)"},width:s==="x-small"?16:s==="small"?20:24,height:s==="x-small"?16:s==="small"?20:24,color:c.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:132,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:131,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:67,columnNumber:4},void 0),!!l&&e.jsxDEV(D.InputFooter,{invalid:!0,children:[!!l&&e.jsxDEV(w.default,{width:16,height:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:148,columnNumber:25},void 0),l]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:147,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:66,columnNumber:3},void 0)};exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),a=require("react"),D=require("../../utils/StringUtils.js"),m=require("../../constants/Theme.js"),g=require("../../assets/icons/chevronDown.svg.js"),I=require("../../assets/icons/cross.svg.js"),w=require("../../assets/icons/errorInfo.svg.js"),j=require("../input/Input.styled.js"),c=require("../TypographyStyle.js"),E=require("./Common.styled.js"),W=require("../tag/Tag.js"),V=require("../tooltips/Tooltip.js"),O=n=>n.length===1?100:n.length===2?40:34,U=({chips:n,onDeleteChip:d,containerStyle:b={},sizeToUse:s="default",isDropdownOpened:h,placeholder:k="Select..",errorMessage:l="",showLabelsOnMoreHover:f=!1})=>{const[v,y]=a.useState(),[u,N]=a.useState(0),[p,x]=a.useState([]);return a.useEffect(()=>{if(!n)return;let o=0;const r=O(n);let t=n.filter(i=>(o+=i.label.length,o<=r));t.length===0&&n.length>0&&(t=[n[0]]),y(t);const C=n.filter(i=>!t.includes(i)).map(i=>i.label);x(C),N(n.length-t.length)},[n]),e.jsxDEV(e.Fragment,{children:[e.jsxDEV(E.ChipInputWrapper,{style:{...b},error:!!l,children:[e.jsxDEV("div",{className:"chips-container",children:[v?.map((o,r)=>e.jsxDEV("div",{style:{zIndex:2},children:e.jsxDEV(W.Tag,{tagText:D.default.truncateText(o.selectedLabel||o.label,40),TrailingIcon:()=>e.jsxDEV(I.default,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{d(o)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:77,columnNumber:10},void 0),children:o.selectedLabel||o.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:71,columnNumber:8},void 0)},r,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:70,columnNumber:7},void 0)),!!u&&e.jsxDEV("div",{style:{position:"relative",zIndex:2,pointerEvents:"auto"},children:e.jsxDEV(V.Tooltip,{body:"",placement:"bottom",tooltipContent:f&&p.length>0?e.jsxDEV("div",{style:{padding:"4px"},children:p.map((o,r)=>e.jsxDEV(c.BodyCaption,{style:{color:m.COLORS.text.white},children:o},r,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:106,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:104,columnNumber:11},void 0):void 0,children:e.jsxDEV(c.BodyCaption,{color:m.COLORS.content.placeholder,children:`+${u} more`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:117,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:99,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:92,columnNumber:7},void 0),n.length===0&&e.jsxDEV("div",{style:{color:m.COLORS.content.placeholder},children:k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:68,columnNumber:5},void 0),e.jsxDEV("div",{children:e.jsxDEV(g.default,{style:{transform:h?"rotate(180deg)":"rotate(0deg)"},width:s==="x-small"?16:s==="small"?20:24,height:s==="x-small"?16:s==="small"?20:24,color:m.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:132,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:131,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:67,columnNumber:4},void 0),!!l&&e.jsxDEV(j.InputFooter,{invalid:!0,children:[!!l&&e.jsxDEV(w.default,{width:16,height:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:148,columnNumber:25},void 0),l]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:147,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",lineNumber:66,columnNumber:3},void 0)};exports.default=U;
 //# sourceMappingURL=ChipInput.js.map

package/dist/cjs/components/dropdown/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","sources":["../../../../src/components/dropdown/ChipInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputFooter } from '../input/Input.styled';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption } from '../TypographyStyle';\nimport { ChipInputWrapper } from './Common.styled';\nimport { SingleOption } from './type';\n\ninterface ChipInputProps {\n\tplaceholder?: string;\n\tchips: SingleOption[];\n\tonDeleteChip: (chip: SingleOption) => void;\n\tcontainerStyle?: React.CSSProperties;\n\tisDropdownOpened?: boolean;\n\tsizeToUse?: 'default' | 'small' | 'x-small';\n\terrorMessage?: string;\n\tshowLabelsOnMoreHover?: boolean;\n}\n\nconst getMaxChipsCharCount = (chips: SingleOption[]) => {\n\tif (chips.length === 1) return 100;\n\tif (chips.length === 2) return 40;\n\treturn 34;\n};\n\nconst ChipInput: React.FC<ChipInputProps> = ({\n\tchips,\n\tonDeleteChip,\n\tcontainerStyle = {},\n\tsizeToUse = 'default',\n\tisDropdownOpened,\n\tplaceholder = 'Select..',\n\terrorMessage = '',\n\tshowLabelsOnMoreHover = false,\n}) => {\n\tconst [options, setOptions] = useState<SingleOption[]>();\n\tconst [remainingOptionsCnt, setRemainingOptionsCnt] = useState(0);\n\tconst [remainingOptionsLabels, setRemainingOptionsLabels] = useState<\n\t\tstring[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tif (!chips) return;\n\t\tlet combineCharCnt = 0;\n\t\tconst MAX_CHAR = getMaxChipsCharCount(chips);\n\t\tlet options = chips.filter((option) => {\n\t\t\tcombineCharCnt += option.label.length;\n\t\t\treturn combineCharCnt <= MAX_CHAR;\n\t\t});\n\t\tif (options.length === 0 && chips.length > 0) {\n\t\t\toptions = [chips[0]];\n\t\t}\n\t\tsetOptions(options);\n\t\tconst remainingChips = chips.filter((option) => !options.includes(option));\n\t\tconst labels = remainingChips.map((option) => option.label);\n\t\tsetRemainingOptionsLabels(labels);\n\t\tsetRemainingOptionsCnt(chips.length - options.length);\n\t}, [chips]);\n\n\treturn (\n\t\t<>\n\t\t\t<ChipInputWrapper style={{ ...containerStyle }} error={!!errorMessage}>\n\t\t\t\t<div className=\"chips-container\">\n\t\t\t\t\t{options?.map((chip, index) => (\n\t\t\t\t\t\t<div key={index} style={{ zIndex: 2 }}>\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={StringUtils.truncateText(\n\t\t\t\t\t\t\t\t\tchip.selectedLabel || chip.label,\n\t\t\t\t\t\t\t\t\t40,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tTrailingIcon={() => (\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonDeleteChip(chip);\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\t\t{chip.selectedLabel || chip.label}\n\t\t\t\t\t\t\t</Tag>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{!!remainingOptionsCnt && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t\t\tshowLabelsOnMoreHover && remainingOptionsLabels.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<div style={{ padding: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t\t{remainingOptionsLabels.map((label, index) => (\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\t\tstyle={{ color: COLORS.text.white }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\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{label}\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))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : undefined\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<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t{`+${remainingOptionsCnt} more`}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{chips.length === 0 && (\n\t\t\t\t\t\t<div style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<DownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</ChipInputWrapper>\n\t\t\t{!!errorMessage && (\n\t\t\t\t<InputFooter invalid={true}>\n\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t{errorMessage}\n\t\t\t\t</InputFooter>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default ChipInput;\n"],"names":["getMaxChipsCharCount","chips","ChipInput","onDeleteChip","containerStyle","sizeToUse","isDropdownOpened","placeholder","errorMessage","showLabelsOnMoreHover","options","setOptions","useState","remainingOptionsCnt","setRemainingOptionsCnt","remainingOptionsLabels","setRemainingOptionsLabels","useEffect","combineCharCnt","MAX_CHAR","option","labels","jsxDEV","Fragment","ChipInputWrapper","chip","index","Tag","StringUtils","CrossIcon","this","Tooltip","label","BodyCaption","COLORS","DownIcon","InputFooter","ErrorIcon"],"mappings":"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"}
+{"version":3,"file":"ChipInput.js","sources":["../../../../src/components/dropdown/ChipInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputFooter } from '../input/Input.styled';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption } from '../TypographyStyle';\nimport { ChipInputWrapper } from './Common.styled';\nimport { SingleOption } from './type';\n\ninterface ChipInputProps {\n\tplaceholder?: string;\n\tchips: SingleOption[];\n\tonDeleteChip: (chip: SingleOption) => void;\n\tcontainerStyle?: React.CSSProperties;\n\tisDropdownOpened?: boolean;\n\tsizeToUse?: 'default' | 'small' | 'x-small';\n\terrorMessage?: string;\n\tshowLabelsOnMoreHover?: boolean;\n}\n\nconst getMaxChipsCharCount = (chips: SingleOption[]) => {\n\tif (chips.length === 1) return 100;\n\tif (chips.length === 2) return 40;\n\treturn 34;\n};\n\nconst ChipInput: React.FC<ChipInputProps> = ({\n\tchips,\n\tonDeleteChip,\n\tcontainerStyle = {},\n\tsizeToUse = 'default',\n\tisDropdownOpened,\n\tplaceholder = 'Select..',\n\terrorMessage = '',\n\tshowLabelsOnMoreHover = false,\n}) => {\n\tconst [options, setOptions] = useState<SingleOption[]>();\n\tconst [remainingOptionsCnt, setRemainingOptionsCnt] = useState(0);\n\tconst [remainingOptionsLabels, setRemainingOptionsLabels] = useState<\n\t\tstring[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tif (!chips) return;\n\t\tlet combineCharCnt = 0;\n\t\tconst MAX_CHAR = getMaxChipsCharCount(chips);\n\t\tlet options = chips.filter((option) => {\n\t\t\tcombineCharCnt += option.label.length;\n\t\t\treturn combineCharCnt <= MAX_CHAR;\n\t\t});\n\t\tif (options.length === 0 && chips.length > 0) {\n\t\t\toptions = [chips[0]];\n\t\t}\n\t\tsetOptions(options);\n\t\tconst remainingChips = chips.filter((option) => !options.includes(option));\n\t\tconst labels = remainingChips.map((option) => option.label);\n\t\tsetRemainingOptionsLabels(labels);\n\t\tsetRemainingOptionsCnt(chips.length - options.length);\n\t}, [chips]);\n\n\treturn (\n\t\t<>\n\t\t\t<ChipInputWrapper style={{ ...containerStyle }} error={!!errorMessage}>\n\t\t\t\t<div className=\"chips-container\">\n\t\t\t\t\t{options?.map((chip, index) => (\n\t\t\t\t\t\t<div key={index} style={{ zIndex: 2 }}>\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={StringUtils.truncateText(\n\t\t\t\t\t\t\t\t\tchip.selectedLabel || chip.label,\n\t\t\t\t\t\t\t\t\t40,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tTrailingIcon={() => (\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonDeleteChip(chip);\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\t\t{chip.selectedLabel || chip.label}\n\t\t\t\t\t\t\t</Tag>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{!!remainingOptionsCnt && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t\t\tshowLabelsOnMoreHover && remainingOptionsLabels.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<div style={{ padding: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t\t{remainingOptionsLabels.map((label, index) => (\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\t\tstyle={{ color: COLORS.text.white }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\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{label}\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))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : undefined\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<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t{`+${remainingOptionsCnt} more`}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{chips.length === 0 && (\n\t\t\t\t\t\t<div style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<DownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</ChipInputWrapper>\n\t\t\t{!!errorMessage && (\n\t\t\t\t<InputFooter invalid={true}>\n\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t{errorMessage}\n\t\t\t\t</InputFooter>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default ChipInput;\n"],"names":["getMaxChipsCharCount","chips","ChipInput","onDeleteChip","containerStyle","sizeToUse","isDropdownOpened","placeholder","errorMessage","showLabelsOnMoreHover","options","setOptions","useState","remainingOptionsCnt","setRemainingOptionsCnt","remainingOptionsLabels","setRemainingOptionsLabels","useEffect","combineCharCnt","MAX_CHAR","option","labels","jsxDEV","Fragment","ChipInputWrapper","chip","index","Tag","StringUtils","CrossIcon","this","Tooltip","label","BodyCaption","COLORS","DownIcon","InputFooter","ErrorIcon"],"mappings":"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"}

package/dist/cjs/components/dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),r=require("react"),u=require("../../constants/Theme.js"),F=require("../../assets/icons/chevronDown.svg.js"),z=require("../input/context/InputStyleProvider.js"),P=require("./ChipInput.js"),B=require("./DropdownPopover/index.js"),G=require("./OpenedDropdown/utils/iterationOnOptions.js"),J=require("../input/Input.js");function w(){}const y=({placeHolder:s,size:k,onSelect:j,defaultOptions:c,disabled:p,noErrorHint:S,placeHolderHeight:b,showPlaceholderWhenSelected:E=!1,inputStyle:D={},inputType:x="default",onDeleteChip:O,truncatedText:I,showLeadingIconInPlaceholder:V=!1,showTrailingIconPlaceholder:C=!1,showLabelsOnMoreHover:U=!1,value:a,showSelected:m=!1,...e})=>{const[v,q]=r.useState(!1),[R,N]=r.useState(!1),o=k??"default",W=r.useRef(),[i,l]=r.useState(c??[]);function M(n){Array.isArray(n)?l([...n]):l([n]),j?.(n)}r.useEffect(()=>{const n=[];e?.options?.forEach(d=>{d.options?d.options.forEach(h=>{h.selected&&n.push({...h,label:h.label})}):d.selected&&n.push(d)}),l([...n])},[e.options]),r.useEffect(()=>{c&&l([...c])},[c]);const T=G.getSelectedOptionsAsText(i),L=E?s:T??s??"Select an option",f=e.buttonWidth,g=f??e.width??"100%",A=e.dropdownWidth??g;return t.jsxDEV(t.Fragment,{children:t.jsxDEV(z.InputStyleContext.Provider,{value:{InputWrapper:{height:b||(o==="x-small"?24:o==="small"?32:48),width:g,...f?{maxWidth:f}:{},zIndex:1,cursor:"pointer",padding:o==="x-small"?"4px 8px":"6px 8px",backgroundColor:m&&a!==void 0?u.COLORS.background.positive.light:R?"#E0E0E0":"#ffffff",transition:"background-color 0.3s ease",...D},input:{minHeight:"100%",maxWidth:"100%",color:m&&a!==void 0?u.COLORS.content.positive:"inherit"}},children:t.jsxDEV("div",{onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1),style:e.width?{width:e.width}:void 0,children:t.jsxDEV(B.DropdownPopover,{"data-test":e["data-test"],ref:W,onSelect:M,disabled:p,onDropdownVisbilityChange:n=>q(n),...e,width:A,children:[x=="default"&&t.jsxDEV(J.Input,{version:e.version,noErrorHint:S,state:p?"disabled":"none",value:a===void 0?L:a,errorMessage:e.error,variant:o,placeholder:s??"Select an option",onChangeText:w,leftIcon:V&&i[0]?.leadingIcon?{icon:()=>t.jsxDEV(t.Fragment,{children:i[0]?.leadingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:191,columnNumber:25},void 0)}:void 0,rightIcon:{icon:()=>t.jsxDEV("div",{style:{display:"flex"},children:[C&&i[0]?.trailingIcon,t.jsxDEV(F.default,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},onClick:w,width:o==="x-small"?16:o==="small"?20:24,height:o==="x-small"?16:o==="small"?20:24,color:m?u.COLORS.content.positive:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:204,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:197,columnNumber:11},void 0)},truncateText:I??!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:179,columnNumber:8},void 0),x=="chip"&&t.jsxDEV(P.default,{placeholder:s??"Select options",chips:i,onDeleteChip:n=>{O?.(n)},errorMessage:e.error,isDropdownOpened:v,sizeToUse:o,containerStyle:{width:e.width??"100%",cursor:"pointer"},showLabelsOnMoreHover:U},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:238,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:165,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:156,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:122,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:121,columnNumber:3},void 0)};y.displayName="Dropdown";exports.Dropdown=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("react"),u=require("../../constants/Theme.js"),F=require("../../assets/icons/chevronDown.svg.js"),z=require("../input/context/InputStyleProvider.js"),B=require("./ChipInput.js"),G=require("./DropdownPopover/index.js"),J=require("./OpenedDropdown/utils/iterationOnOptions.js"),K=require("../input/Input.js");function N(){}const g=({placeHolder:s,size:D,onSelect:w,defaultOptions:a,disabled:h,noErrorHint:S,placeHolderHeight:p,showPlaceholderWhenSelected:E=!1,inputStyle:W={},inputType:v="default",onDeleteChip:O,truncatedText:I,showLeadingIconInPlaceholder:V=!1,showTrailingIconPlaceholder:j=!1,showLabelsOnMoreHover:C=!1,value:l,showSelected:m=!1,...e})=>{const[k,U]=o.useState(!1),[q,x]=o.useState(!1),i=D??"default",R=o.useRef(),[r,c]=o.useState(a??[]);function M(n){Array.isArray(n)?c([...n]):c([n]),w?.(n)}o.useEffect(()=>{const n=[];e?.options?.forEach(d=>{d.options?d.options.forEach(f=>{f.selected&&n.push({...f,label:f.label})}):d.selected&&n.push(d)}),c([...n])},[e.options]),o.useEffect(()=>{a&&c([...a])},[a]);const T=J.getSelectedOptionsAsText(r),L=E?s:T??s??"Select an option",b=e.buttonWidth,y=b??e.width??"100%",A=e.dropdownWidth??y;return t.jsxDEV(t.Fragment,{children:t.jsxDEV(z.InputStyleContext.Provider,{value:{InputWrapper:{height:p||(i==="x-small"?24:i==="small"?32:48),width:y,...b?{maxWidth:b}:{},zIndex:1,cursor:"pointer",padding:i==="x-small"?"4px 8px":"6px 8px",backgroundColor:m&&l!==void 0?u.COLORS.background.positive.light:q?"#E0E0E0":"#ffffff",transition:"background-color 0.3s ease",...W},input:{minHeight:"100%",maxWidth:"100%",color:m&&l!==void 0?u.COLORS.content.positive:"inherit"}},children:t.jsxDEV("div",{onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),style:e.width?{width:e.width}:void 0,children:t.jsxDEV(G.DropdownPopover,{"data-test":e["data-test"],ref:R,onSelect:M,disabled:h,onDropdownVisbilityChange:n=>U(n),...e,width:A,children:[v=="default"&&t.jsxDEV(K.Input,{version:e.version,noErrorHint:S,state:h?"disabled":"none",value:l===void 0?L:l,errorMessage:e.error,variant:i,placeholder:s??"Select an option",onChangeText:N,leftIcon:V&&r[0]?.leadingIcon?{icon:()=>t.jsxDEV(t.Fragment,{children:r[0]?.leadingIcon},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:191,columnNumber:25},void 0)}:void 0,rightIcon:{icon:()=>t.jsxDEV("div",{style:{display:"flex"},children:[j&&r[0]?.trailingIcon,t.jsxDEV(F.default,{style:{transform:k?"rotate(180deg)":"rotate(0deg)"},onClick:N,width:i==="x-small"?16:i==="small"?20:24,height:i==="x-small"?16:i==="small"?20:24,color:m?u.COLORS.content.positive:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:204,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:197,columnNumber:11},void 0)},truncateText:I??!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:179,columnNumber:8},void 0),v=="chip"&&t.jsxDEV(B.default,{placeholder:s??"Select options",chips:r,onDeleteChip:n=>{O?.(n)},errorMessage:e.error,isDropdownOpened:k,sizeToUse:i,containerStyle:{width:e.width??"100%",cursor:"pointer"},showLabelsOnMoreHover:C},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:238,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:165,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:156,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:122,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",lineNumber:121,columnNumber:3},void 0)};g.displayName="Dropdown";exports.Dropdown=g;
 //# sourceMappingURL=Dropdown.js.map

package/dist/cjs/components/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { Ref, useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport { Input } from '../input';\nimport { InputStyleContext } from '../input/context/InputStyleProvider';\nimport ChipInput from './ChipInput';\nimport { DropdownPopover } from './DropdownPopover';\nimport { getSelectedOptionsAsText } from './OpenedDropdown/utils/iterationOnOptions';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from './type';\n\nexport type DropdownProps = OpenDropdownProps & {\n\tplaceHolder?: string;\n\tsize?: 'default' | 'small' | 'x-small';\n\tdisabled?: boolean;\n\tnoErrorHint?: boolean;\n\tbuttonWidth?: string;\n\tplaceHolderHeight?: string;\n\tshowPlaceholderWhenSelected?: boolean;\n\tinputStyle?: React.CSSProperties;\n\tinputType?: 'chip' | 'default';\n\tonDeleteChip?: (chip: SingleOption) => void;\n\ttruncatedText?: boolean;\n\t'data-test'?: string;\n\tshowLeadingIconInPlaceholder?: boolean;\n\tshowTrailingIconPlaceholder?: boolean;\n\tshowLabelsOnMoreHover?: boolean;\n\tbackgroundColor?: string;\n\tvalue?: string;\n\tshowSelected?: boolean;\n};\n\nfunction noop() {\n\t/** empty */\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n\tplaceHolder,\n\tsize,\n\tonSelect,\n\tdefaultOptions,\n\tdisabled,\n\tnoErrorHint,\n\tplaceHolderHeight,\n\tshowPlaceholderWhenSelected = false,\n\tinputStyle = {},\n\tinputType = 'default',\n\tonDeleteChip,\n\ttruncatedText,\n\tshowLeadingIconInPlaceholder = false,\n\tshowTrailingIconPlaceholder = false,\n\tshowLabelsOnMoreHover = false,\n\tvalue,\n\tshowSelected = false,\n\t...openDropdownProps\n}) => {\n\tconst [isDropdownOpened, setDropdownOpenFlag] = useState(false);\n\tconst [isHovering, setIsHovering] = useState(false);\n\tconst sizeToUse = size ?? 'default';\n\tconst dropdownVisibilityRef = useRef<{\n\t\topenDropdown: boolean;\n\t}>();\n\tconst [selectedOption, setSelectedOption] = useState<DropdownOption[]>(\n\t\tdefaultOptions ?? [],\n\t);\n\tfunction handleSelection(option: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(option)) {\n\t\t\tsetSelectedOption([...option]);\n\t\t} else {\n\t\t\tsetSelectedOption([...[option]]);\n\t\t}\n\t\tonSelect?.(option);\n\t}\n\n\tuseEffect(() => {\n\t\tconst flatSelectedOption: SingleOption[] = [];\n\t\topenDropdownProps?.options?.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((op) => {\n\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\tflatSelectedOption.push({\n\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\tlabel: op.label,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tflatSelectedOption.push(option as SingleOption);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsetSelectedOption([...flatSelectedOption]);\n\t}, [openDropdownProps.options]);\n\n\tuseEffect(() => {\n\t\tif (defaultOptions) {\n\t\t\tsetSelectedOption([...defaultOptions]);\n\t\t}\n\t}, [defaultOptions]);\n\n\tconst textVal = getSelectedOptionsAsText(selectedOption);\n\tconst displayText = showPlaceholderWhenSelected\n\t\t? placeHolder\n\t\t: textVal ?? placeHolder ?? 'Select an option';\n\n\tconst configuredMaxWidth = openDropdownProps.buttonWidth;\n\n\t// Shared width for the input wrapper and dropdown popover\n\tconst inputWidth = configuredMaxWidth ?? openDropdownProps.width ?? '100%';\n\n\t// Width passed to dropdown popover — matches input box width\n\tconst dropdownWidth = openDropdownProps.dropdownWidth ?? inputWidth;\n\n\treturn (\n\t\t<>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\theight: placeHolderHeight\n\t\t\t\t\t\t\t? placeHolderHeight\n\t\t\t\t\t\t\t: sizeToUse === 'x-small'\n\t\t\t\t\t\t\t? 24\n\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t? 32\n\t\t\t\t\t\t\t: 48,\n\t\t\t\t\t\twidth: inputWidth,\n\t\t\t\t\t\t...(configuredMaxWidth ? { maxWidth: configuredMaxWidth } : {}),\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\tpadding: sizeToUse === 'x-small' ? '4px 8px' : '6px 8px',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tshowSelected && value !== undefined\n\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t: isHovering\n\t\t\t\t\t\t\t\t? '#E0E0E0'\n\t\t\t\t\t\t\t\t: '#ffffff',\n\t\t\t\t\t\ttransition: 'background-color 0.3s ease',\n\t\t\t\t\t\t...inputStyle,\n\t\t\t\t\t},\n\t\t\t\t\tinput: {\n\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tshowSelected && value !== undefined\n\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t: 'inherit',\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tonMouseEnter={() => setIsHovering(true)}\n\t\t\t\t\tonMouseLeave={() => setIsHovering(false)}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\topenDropdownProps.width\n\t\t\t\t\t\t\t? { width: openDropdownProps.width }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\tdata-test={openDropdownProps['data-test']}\n\t\t\t\t\t\tref={\n\t\t\t\t\t\t\tdropdownVisibilityRef as Ref<{\n\t\t\t\t\t\t\t\topenDropdown: boolean;\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonDropdownVisbilityChange={(isOpen) => setDropdownOpenFlag(isOpen)}\n\t\t\t\t\t\t{...openDropdownProps}\n\t\t\t\t\t\twidth={dropdownWidth}\n\t\t\t\t\t>\n\t\t\t\t\t\t{inputType == 'default' && (\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tversion={openDropdownProps.version}\n\t\t\t\t\t\t\t\tnoErrorHint={noErrorHint}\n\t\t\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\t\t\tvalue={value === undefined ? displayText : value}\n\t\t\t\t\t\t\t\terrorMessage={openDropdownProps.error}\n\t\t\t\t\t\t\t\tvariant={sizeToUse}\n\t\t\t\t\t\t\t\tplaceholder={placeHolder ?? 'Select an option'}\n\t\t\t\t\t\t\t\tonChangeText={noop}\n\t\t\t\t\t\t\t\tleftIcon={\n\t\t\t\t\t\t\t\t\tshowLeadingIconInPlaceholder && selectedOption[0]?.leadingIcon\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\ticon: () => <>{selectedOption[0]?.leadingIcon}</>,\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () => (\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}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{showTrailingIconPlaceholder &&\n\t\t\t\t\t\t\t\t\t\t\t\t(selectedOption[0] as SingleOption)?.trailingIcon}\n\t\t\t\t\t\t\t\t\t\t\t<DownIcon\n\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\ttransform: isDropdownOpened\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'rotate(180deg)'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'rotate(0deg)',\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\tonClick={noop}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizeToUse === 'x-small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 16\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 20\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 24\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\theight={\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizeToUse === 'x-small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 16\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 20\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 24\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\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowSelected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\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/>\n\t\t\t\t\t\t\t\t\t\t</div>\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\ttruncateText={truncatedText ?? true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{inputType == 'chip' && (\n\t\t\t\t\t\t\t<ChipInput\n\t\t\t\t\t\t\t\tplaceholder={placeHolder ?? 'Select options'}\n\t\t\t\t\t\t\t\tchips={selectedOption as SingleOption[]}\n\t\t\t\t\t\t\t\tonDeleteChip={(chip) => {\n\t\t\t\t\t\t\t\t\tonDeleteChip?.(chip);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\terrorMessage={openDropdownProps.error}\n\t\t\t\t\t\t\t\tisDropdownOpened={isDropdownOpened}\n\t\t\t\t\t\t\t\tsizeToUse={sizeToUse}\n\t\t\t\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\t\t\t\twidth: openDropdownProps.width ?? '100%',\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\tshowLabelsOnMoreHover={showLabelsOnMoreHover}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</InputStyleContext.Provider>\n\t\t</>\n\t);\n};\n\nDropdown.displayName = 'Dropdown';\n"],"names":["noop","Dropdown","placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover","value","showSelected","openDropdownProps","isDropdownOpened","setDropdownOpenFlag","useState","isHovering","setIsHovering","sizeToUse","dropdownVisibilityRef","useRef","selectedOption","setSelectedOption","handleSelection","option","useEffect","flatSelectedOption","op","textVal","getSelectedOptionsAsText","displayText","configuredMaxWidth","inputWidth","dropdownWidth","jsxDEV","Fragment","InputStyleContext","COLORS","DropdownPopover","isOpen","Input","this","DownIcon","ChipInput","chip"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { Ref, useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport { Input } from '../input';\nimport { InputStyleContext } from '../input/context/InputStyleProvider';\nimport ChipInput from './ChipInput';\nimport { DropdownPopover } from './DropdownPopover';\nimport { getSelectedOptionsAsText } from './OpenedDropdown/utils/iterationOnOptions';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from './type';\n\nexport type DropdownProps = OpenDropdownProps & {\n\tplaceHolder?: string;\n\tsize?: 'default' | 'small' | 'x-small';\n\tdisabled?: boolean;\n\tnoErrorHint?: boolean;\n\tbuttonWidth?: string;\n\tplaceHolderHeight?: string;\n\tshowPlaceholderWhenSelected?: boolean;\n\tinputStyle?: React.CSSProperties;\n\tinputType?: 'chip' | 'default';\n\tonDeleteChip?: (chip: SingleOption) => void;\n\ttruncatedText?: boolean;\n\t'data-test'?: string;\n\tshowLeadingIconInPlaceholder?: boolean;\n\tshowTrailingIconPlaceholder?: boolean;\n\tshowLabelsOnMoreHover?: boolean;\n\tbackgroundColor?: string;\n\tvalue?: string;\n\tshowSelected?: boolean;\n};\n\nfunction noop() {\n\t/** empty */\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n\tplaceHolder,\n\tsize,\n\tonSelect,\n\tdefaultOptions,\n\tdisabled,\n\tnoErrorHint,\n\tplaceHolderHeight,\n\tshowPlaceholderWhenSelected = false,\n\tinputStyle = {},\n\tinputType = 'default',\n\tonDeleteChip,\n\ttruncatedText,\n\tshowLeadingIconInPlaceholder = false,\n\tshowTrailingIconPlaceholder = false,\n\tshowLabelsOnMoreHover = false,\n\tvalue,\n\tshowSelected = false,\n\t...openDropdownProps\n}) => {\n\tconst [isDropdownOpened, setDropdownOpenFlag] = useState(false);\n\tconst [isHovering, setIsHovering] = useState(false);\n\tconst sizeToUse = size ?? 'default';\n\tconst dropdownVisibilityRef = useRef<{\n\t\topenDropdown: boolean;\n\t}>();\n\tconst [selectedOption, setSelectedOption] = useState<DropdownOption[]>(\n\t\tdefaultOptions ?? [],\n\t);\n\tfunction handleSelection(option: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(option)) {\n\t\t\tsetSelectedOption([...option]);\n\t\t} else {\n\t\t\tsetSelectedOption([...[option]]);\n\t\t}\n\t\tonSelect?.(option);\n\t}\n\n\tuseEffect(() => {\n\t\tconst flatSelectedOption: SingleOption[] = [];\n\t\topenDropdownProps?.options?.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((op) => {\n\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\tflatSelectedOption.push({\n\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\tlabel: op.label,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tflatSelectedOption.push(option as SingleOption);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsetSelectedOption([...flatSelectedOption]);\n\t}, [openDropdownProps.options]);\n\n\tuseEffect(() => {\n\t\tif (defaultOptions) {\n\t\t\tsetSelectedOption([...defaultOptions]);\n\t\t}\n\t}, [defaultOptions]);\n\n\tconst textVal = getSelectedOptionsAsText(selectedOption);\n\tconst displayText = showPlaceholderWhenSelected\n\t\t? placeHolder\n\t\t: textVal ?? placeHolder ?? 'Select an option';\n\n\tconst configuredMaxWidth = openDropdownProps.buttonWidth;\n\n\t// Shared width for the input wrapper and dropdown popover\n\tconst inputWidth = configuredMaxWidth ?? openDropdownProps.width ?? '100%';\n\n\t// Width passed to dropdown popover — matches input box width\n\tconst dropdownWidth = openDropdownProps.dropdownWidth ?? inputWidth;\n\n\treturn (\n\t\t<>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\theight: placeHolderHeight\n\t\t\t\t\t\t\t? placeHolderHeight\n\t\t\t\t\t\t\t: sizeToUse === 'x-small'\n\t\t\t\t\t\t\t? 24\n\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t? 32\n\t\t\t\t\t\t\t: 48,\n\t\t\t\t\t\twidth: inputWidth,\n\t\t\t\t\t\t...(configuredMaxWidth ? { maxWidth: configuredMaxWidth } : {}),\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\tpadding: sizeToUse === 'x-small' ? '4px 8px' : '6px 8px',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tshowSelected && value !== undefined\n\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t: isHovering\n\t\t\t\t\t\t\t\t? '#E0E0E0'\n\t\t\t\t\t\t\t\t: '#ffffff',\n\t\t\t\t\t\ttransition: 'background-color 0.3s ease',\n\t\t\t\t\t\t...inputStyle,\n\t\t\t\t\t},\n\t\t\t\t\tinput: {\n\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tshowSelected && value !== undefined\n\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t: 'inherit',\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tonMouseEnter={() => setIsHovering(true)}\n\t\t\t\t\tonMouseLeave={() => setIsHovering(false)}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\topenDropdownProps.width\n\t\t\t\t\t\t\t? { width: openDropdownProps.width }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\tdata-test={openDropdownProps['data-test']}\n\t\t\t\t\t\tref={\n\t\t\t\t\t\t\tdropdownVisibilityRef as Ref<{\n\t\t\t\t\t\t\t\topenDropdown: boolean;\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonDropdownVisbilityChange={(isOpen) => setDropdownOpenFlag(isOpen)}\n\t\t\t\t\t\t{...openDropdownProps}\n\t\t\t\t\t\twidth={dropdownWidth}\n\t\t\t\t\t>\n\t\t\t\t\t\t{inputType == 'default' && (\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tversion={openDropdownProps.version}\n\t\t\t\t\t\t\t\tnoErrorHint={noErrorHint}\n\t\t\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\t\t\tvalue={value === undefined ? displayText : value}\n\t\t\t\t\t\t\t\terrorMessage={openDropdownProps.error}\n\t\t\t\t\t\t\t\tvariant={sizeToUse}\n\t\t\t\t\t\t\t\tplaceholder={placeHolder ?? 'Select an option'}\n\t\t\t\t\t\t\t\tonChangeText={noop}\n\t\t\t\t\t\t\t\tleftIcon={\n\t\t\t\t\t\t\t\t\tshowLeadingIconInPlaceholder && selectedOption[0]?.leadingIcon\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\ticon: () => <>{selectedOption[0]?.leadingIcon}</>,\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () => (\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}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{showTrailingIconPlaceholder &&\n\t\t\t\t\t\t\t\t\t\t\t\t(selectedOption[0] as SingleOption)?.trailingIcon}\n\t\t\t\t\t\t\t\t\t\t\t<DownIcon\n\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\ttransform: isDropdownOpened\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'rotate(180deg)'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'rotate(0deg)',\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\tonClick={noop}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizeToUse === 'x-small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 16\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 20\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 24\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\theight={\n\t\t\t\t\t\t\t\t\t\t\t\t\tsizeToUse === 'x-small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 16\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: sizeToUse === 'small'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 20\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 24\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\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowSelected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\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/>\n\t\t\t\t\t\t\t\t\t\t</div>\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\ttruncateText={truncatedText ?? true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{inputType == 'chip' && (\n\t\t\t\t\t\t\t<ChipInput\n\t\t\t\t\t\t\t\tplaceholder={placeHolder ?? 'Select options'}\n\t\t\t\t\t\t\t\tchips={selectedOption as SingleOption[]}\n\t\t\t\t\t\t\t\tonDeleteChip={(chip) => {\n\t\t\t\t\t\t\t\t\tonDeleteChip?.(chip);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\terrorMessage={openDropdownProps.error}\n\t\t\t\t\t\t\t\tisDropdownOpened={isDropdownOpened}\n\t\t\t\t\t\t\t\tsizeToUse={sizeToUse}\n\t\t\t\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\t\t\t\twidth: openDropdownProps.width ?? '100%',\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\tshowLabelsOnMoreHover={showLabelsOnMoreHover}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</InputStyleContext.Provider>\n\t\t</>\n\t);\n};\n\nDropdown.displayName = 'Dropdown';\n"],"names":["noop","Dropdown","placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover","value","showSelected","openDropdownProps","isDropdownOpened","setDropdownOpenFlag","useState","isHovering","setIsHovering","sizeToUse","dropdownVisibilityRef","useRef","selectedOption","setSelectedOption","handleSelection","option","useEffect","flatSelectedOption","op","textVal","getSelectedOptionsAsText","displayText","configuredMaxWidth","inputWidth","dropdownWidth","jsxDEV","Fragment","InputStyleContext","COLORS","DropdownPopover","isOpen","Input","this","DownIcon","ChipInput","chip"],"mappings":"sbAoCA,SAASA,GAAO,CAEhB,CAEO,MAAMC,EAAoC,CAAC,CACjD,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,eAAAC,EACA,SAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,4BAAAC,EAA8B,GAC9B,WAAAC,EAAa,CAAA,EACb,UAAAC,EAAY,UACZ,aAAAC,EACA,cAAAC,EACA,6BAAAC,EAA+B,GAC/B,4BAAAC,EAA8B,GAC9B,sBAAAC,EAAwB,GACxB,MAAAC,EACA,aAAAC,EAAe,GACf,GAAGC,CACJ,IAAM,CACL,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,EAAK,EACxD,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAC5CG,EAAYtB,GAAQ,UACpBuB,EAAwBC,EAAAA,OAAA,EAGxB,CAACC,EAAgBC,CAAiB,EAAIP,EAAAA,SAC3CjB,GAAkB,CAAA,CAAC,EAEpB,SAASyB,EAAgBC,EAA2C,CAC/D,MAAM,QAAQA,CAAM,EACvBF,EAAkB,CAAC,GAAGE,CAAM,CAAC,EAE7BF,EAAkB,CAAKE,CAAO,CAAC,EAEhC3B,IAAW2B,CAAM,CAClB,CAEAC,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAqC,CAAA,EAC3Cd,GAAmB,SAAS,QAASY,GAAW,CAC1CA,EAAyB,QAC5BA,EAAyB,QAAQ,QAASG,GAAO,CAC7CA,EAAG,UACND,EAAmB,KAAK,CACvB,GAAGC,EACH,MAAOA,EAAG,KAAA,CACV,CAEH,CAAC,EAEIH,EAAwB,UAC5BE,EAAmB,KAAKF,CAAsB,CAGjD,CAAC,EAEDF,EAAkB,CAAC,GAAGI,CAAkB,CAAC,CAC1C,EAAG,CAACd,EAAkB,OAAO,CAAC,EAE9Ba,EAAAA,UAAU,IAAM,CACX3B,GACHwB,EAAkB,CAAC,GAAGxB,CAAc,CAAC,CAEvC,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAM8B,EAAUC,EAAAA,yBAAyBR,CAAc,EACjDS,EAAc5B,EACjBP,EACAiC,GAAWjC,GAAe,mBAEvBoC,EAAqBnB,EAAkB,YAGvCoB,EAAaD,GAAsBnB,EAAkB,OAAS,OAG9DqB,EAAgBrB,EAAkB,eAAiBoB,EAEzD,OACCE,SAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,OAACE,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,OAAQnC,IAELiB,IAAc,UACd,GACAA,IAAc,QACd,GACA,IACH,MAAOc,EACP,GAAID,EAAqB,CAAE,SAAUA,CAAA,EAAuB,CAAA,EAC5D,OAAQ,EACR,OAAQ,UACR,QAASb,IAAc,UAAY,UAAY,UAC/C,gBACCP,GAAgBD,IAAU,OACvB2B,EAAAA,OAAO,WAAW,SAAS,MAC3BrB,EACA,UACA,UACJ,WAAY,6BACZ,GAAGb,CAAA,EAEJ,MAAO,CACN,UAAW,OACX,SAAU,OACV,MACCQ,GAAgBD,IAAU,OACvB2B,EAAAA,OAAO,QAAQ,SACf,SAAA,CACL,EAGD,SAAAH,EAAAA,OAAC,MAAA,CACA,aAAc,IAAMjB,EAAc,EAAI,EACtC,aAAc,IAAMA,EAAc,EAAK,EACvC,MACCL,EAAkB,MACf,CAAE,MAAOA,EAAkB,OAC3B,OAGJ,SAAAsB,EAAAA,OAACI,EAAAA,gBAAA,CACA,YAAW1B,EAAkB,WAAW,EACxC,IACCO,EAID,SAAUI,EACV,SAAAxB,EACA,0BAA4BwC,GAAWzB,EAAoByB,CAAM,EAChE,GAAG3B,EACJ,MAAOqB,EAEN,SAAA,CAAA7B,GAAa,WACb8B,EAAAA,OAACM,EAAAA,MAAA,CACA,QAAS5B,EAAkB,QAC3B,YAAAZ,EACA,MAAOD,EAAW,WAAa,OAC/B,MAAOW,IAAU,OAAYoB,EAAcpB,EAC3C,aAAcE,EAAkB,MAChC,QAASM,EACT,YAAavB,GAAe,mBAC5B,aAAcF,EACd,SACCc,GAAgCc,EAAe,CAAC,GAAG,YAChD,CACA,KAAM,IAAMa,EAAAA,OAAAC,EAAAA,SAAA,CAAG,SAAAd,EAAe,CAAC,GAAG,aAAtB,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,EAAA,EAAAoB,MAAkC,CAAA,EAE9C,OAEJ,UAAW,CACV,KAAM,IACLP,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,MAAA,EAGT,SAAA,CAAA1B,GACCa,EAAe,CAAC,GAAoB,aACtCa,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAO,CACN,UAAW7B,EACR,iBACA,cAAA,EAEJ,QAASpB,EACT,MACCyB,IAAc,UACX,GACAA,IAAc,QACd,GACA,GAEJ,OACCA,IAAc,UACX,GACAA,IAAc,QACd,GACA,GAEJ,MACCP,EACG0B,EAAAA,OAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,OAAA,EAxBpB,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAAA,CA0BA,CAAA,EAjCD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,CAkCA,EAGF,aAAcnC,GAAiB,EAAA,EAvDhC,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAmC,MAAA,EA0DArC,GAAa,QACb8B,EAAAA,OAACS,EAAAA,QAAA,CACA,YAAahD,GAAe,iBAC5B,MAAO0B,EACP,aAAeuB,GAAS,CACvBvC,IAAeuC,CAAI,CACpB,EACA,aAAchC,EAAkB,MAChC,iBAAAC,EACA,UAAAK,EACA,eAAgB,CACf,MAAON,EAAkB,OAAS,OAClC,OAAQ,SAAA,EAET,sBAAAH,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAA,CAcA,CAAA,EAvFF,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAyFA,EAlGD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAmGA,EArID,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAsIA,EAvID,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwIA,CAEF,EAEA/C,EAAS,YAAc"}

package/dist/cjs/components/dropdown/DropdownPopover/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),o=require("react"),g=require("react-popper"),f=require("../Common.styled.js"),R=require("../../tooltips/Tooltip.js"),V=require("../../dropShadow/DropShadow.js"),U=require("../OpenedDropdown/components/OpennedDropdown.js"),q=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},C=q(o),p=C.default.forwardRef(({children:t,onDropdownVisbilityChange:b,version:i="1.0",tooltipContent:d,tooltipDirection:v,showTooltipArrow:x,isChildLoading:h,forceOpen:c,...e},N)=>{const a=N,[r,l]=o.useState(!1),[y,j]=o.useState(null),[w,k]=o.useState(null),u=o.useRef(null),{styles:E,attributes:D}=g.usePopper(y,w,{placement:e.placement,strategy:e.strategy}),S=s=>{i==="2.0"&&e.isMultiSelect&&s&&e.onSelect?.([...s]),l(!1),e?.onClose?.()};o.useImperativeHandle(a,()=>({openDropdown:r}),[]),o.useEffect(()=>{a?.current&&(a.current.openDropdown=r)},[r]),o.useEffect(()=>{b?.(r)},[r]);const m=()=>n.jsxDEV(n.Fragment,{children:[n.jsxDEV("div",{style:{position:"relative"},ref:j,children:[n.jsxDEV(f.OverLapAbs,{ref:u,allowEvents:e.allowEvents,disabled:e.disabled,onClick:s=>{e.onDropdownOpen?.(),r?(l(!1),s.preventDefault()):e.disabled||l(!0)},isChildLoading:h,children:e.allowEvents?t:null},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:101,columnNumber:7},void 0),e.allowEvents?null:t]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:96,columnNumber:6},void 0),(r||c)&&n.jsxDEV(f.OpenDropdownContainer,{ref:k,style:{...E.popper,zIndex:e.dropdownZIndex??3},...D.popper,"data-test":e["data-test"],children:n.jsxDEV(V.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:n.jsxDEV(U.OpenedDropdown,{...e,onSelect:s=>{i==="2.0"&&e.isMultiSelect||(e.onSelect?.(s),l(!1))},onClose:S,version:i,headerRef:u,zeroState:e?.zeroState,isDraggable:e.isDraggable,onOptionsReorder:e.onOptionsReorder},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:136,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:131,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:121,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:95,columnNumber:5},void 0);return n.jsxDEV(n.Fragment,{children:!r&&!c&&d!==void 0?n.jsxDEV(R.Tooltip,{body:d,placement:v,hideArrow:!x,children:n.jsxDEV("div",{"data-test":e["data-test"],children:m()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:168,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:163,columnNumber:6},void 0):m()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:161,columnNumber:4},void 0)});p.displayName="DropdownPopover";exports.DropdownPopover=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),t=require("react"),g=require("react-popper"),b=require("../Common.styled.js"),R=require("../../tooltips/Tooltip.js"),V=require("../../dropShadow/DropShadow.js"),U=require("../OpenedDropdown/components/OpennedDropdown.js"),W=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},q=W(t),p=q.default.forwardRef(({children:r,onDropdownVisbilityChange:f,version:a="1.0",tooltipContent:d,tooltipDirection:v,showTooltipArrow:k,isChildLoading:y,forceOpen:c,...e},x)=>{const l=x,[o,s]=t.useState(!1),[h,N]=t.useState(null),[D,w]=t.useState(null),m=t.useRef(null),{styles:E,attributes:S}=g.usePopper(h,D,{placement:e.placement,strategy:e.strategy}),j=i=>{a==="2.0"&&e.isMultiSelect&&i&&e.onSelect?.([...i]),s(!1),e?.onClose?.()};t.useImperativeHandle(l,()=>({openDropdown:o}),[]),t.useEffect(()=>{l?.current&&(l.current.openDropdown=o)},[o]),t.useEffect(()=>{f?.(o)},[o]);const u=()=>n.jsxDEV(n.Fragment,{children:[n.jsxDEV("div",{style:{position:"relative"},ref:N,children:[n.jsxDEV(b.OverLapAbs,{ref:m,allowEvents:e.allowEvents,disabled:e.disabled,onClick:i=>{e.onDropdownOpen?.(),o?(s(!1),i.preventDefault()):e.disabled||s(!0)},isChildLoading:y,children:e.allowEvents?r:null},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:101,columnNumber:7},void 0),e.allowEvents?null:r]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:96,columnNumber:6},void 0),(o||c)&&n.jsxDEV(b.OpenDropdownContainer,{ref:w,style:{...E.popper,zIndex:e.dropdownZIndex??3},...S.popper,"data-test":e["data-test"],children:n.jsxDEV(V.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:n.jsxDEV(U.OpenedDropdown,{...e,onSelect:i=>{a==="2.0"&&e.isMultiSelect||(e.onSelect?.(i),s(!1))},onClose:j,version:a,headerRef:m,zeroState:e?.zeroState,isDraggable:e.isDraggable,onOptionsReorder:e.onOptionsReorder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:136,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:131,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:121,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:95,columnNumber:5},void 0);return n.jsxDEV(n.Fragment,{children:!o&&!c&&d!==void 0?n.jsxDEV(R.Tooltip,{body:d,placement:v,hideArrow:!k,children:n.jsxDEV("div",{"data-test":e["data-test"],children:u()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:168,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:163,columnNumber:6},void 0):u()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/DropdownPopover/index.tsx",lineNumber:161,columnNumber:4},void 0)});p.displayName="DropdownPopover";exports.DropdownPopover=p;
 //# sourceMappingURL=index.js.map