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

package/dist/cjs/components/stepper/Stepper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),N=require("../../constants/Theme.js"),y=require("../../assets/icons/check.svg.js"),S=require("../../assets/icons/errorInfo.svg.js"),d=require("../TypographyStyle.js"),m=require("./Stepper.styled.js"),v=s=>{const{steps:n,activeStep:l,onClickingEachStep:a,hideHoverState:p}=s;return e.jsxDEV(m.StepperContainer,{children:n.map((o,r)=>e.jsxDEV(h,{stepsCount:n.length,eachStep:o,onClickingStep:t=>{a(t)},isActive:l?.stepKey==o?.stepKey,isLastElement:r==n.length-1,index:r,hideHoverState:p},r,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:25,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:23,columnNumber:3},void 0)},h=s=>{const{eachStep:n,isLastElement:l,index:a,isActive:p,onClickingStep:o,hideHoverState:r}=s,{stepName:t,isCompleted:u,isError:b,isInActive:i}=n,f=()=>{!i&&o(n)},c=()=>p?"active":u?"completed":b?"error":i?"inactive":"default";return e.jsxDEV(m.SingleStepperChildContainer,{stepsCount:s.stepsCount,onClick:f,selectedState:c(),isInActive:i||r,children:[e.jsxDEV("div",{className:`hover-container ${i?"blocked":"pointer"} `,children:[e.jsxDEV("div",{className:"badge",children:c()=="completed"?e.jsxDEV(y.default,{height:16,width:16,color:N.COLORS.content.positive},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:80,columnNumber:7},void 0):c()=="error"?e.jsxDEV(S.default,{height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:82,columnNumber:7},void 0):e.jsxDEV(d.BodySecondary,{className:"badge-text",children:a+1},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:84,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(d.BodyPrimary,{className:"step-text",title:t,children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:77,columnNumber:4},void 0),e.jsxDEV("div",{className:l?"":"horizontal-divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:91,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:71,columnNumber:3},void 0)};exports.Stepper=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("../../constants/Theme.js"),N=require("../../assets/icons/check.svg.js"),S=require("../../assets/icons/errorInfo.svg.js"),m=require("../TypographyStyle.js"),u=require("./Stepper.styled.js"),k=n=>{const{steps:r,activeStep:c,onClickingEachStep:p,hideHoverState:l}=n;return e.jsxDEV(u.StepperContainer,{children:r.map((s,t)=>e.jsxDEV(v,{stepsCount:r.length,eachStep:s,onClickingStep:o=>{p(o)},isActive:c?.stepKey==s?.stepKey,isLastElement:t==r.length-1,index:t,hideHoverState:l},t,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:25,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:23,columnNumber:3},void 0)},v=n=>{const{eachStep:r,isLastElement:c,index:p,isActive:l,onClickingStep:s,hideHoverState:t}=n,{stepName:o,isCompleted:d,isError:b,isInActive:i}=r,h=()=>{!i&&s(r)},a=()=>l?"active":d?"completed":b?"error":i?"inactive":"default";return e.jsxDEV(u.SingleStepperChildContainer,{stepsCount:n.stepsCount,onClick:h,selectedState:a(),isInActive:i||t,children:[e.jsxDEV("div",{className:`hover-container ${i?"blocked":"pointer"} `,children:[e.jsxDEV("div",{className:"badge",children:a()=="completed"?e.jsxDEV(N.default,{height:16,width:16,color:f.COLORS.content.positive},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:80,columnNumber:7},void 0):a()=="error"?e.jsxDEV(S.default,{height:16,width:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:82,columnNumber:7},void 0):e.jsxDEV(m.BodySecondary,{className:"badge-text",children:p+1},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:84,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(m.BodyPrimary,{className:"step-text",title:o,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:77,columnNumber:4},void 0),e.jsxDEV("div",{className:c?"":"horizontal-divider"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:91,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:71,columnNumber:3},void 0)};exports.Stepper=k;
 //# sourceMappingURL=Stepper.js.map

package/dist/cjs/components/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive || hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","stepperDetails","steps","activeStep","onClickingEachStep","hideHoverState","StepperContainer","eachStepper","index","jsxDEV","SingleStepper","step","this","props","eachStep","isLastElement","isActive","onClickingStep","stepName","isCompleted","isError","isInActive","OnClicking","ClassMapping","SingleStepperChildContainer","Check","COLORS","ErrorInfo","BodySecondary","BodyPrimary"],"mappings":"iUAiBaA,EAAWC,GAAiC,CACxD,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,mBAAAC,EAAoB,eAAAC,GAC9CJ,EAED,gBACEK,EAAAA,iBAAA,CACC,SAAAJ,EAAM,IAAI,CAACK,EAAaC,IACxBC,EAAAA,OAACC,EAAA,CACA,WAAYR,EAAM,OAClB,SAAUK,EACV,eAAiBI,GAAS,CACzBP,EAAmBO,CAAI,CACxB,EACA,SAAUR,GAAY,SAAWI,GAAa,QAE9C,cAAeC,GAASN,EAAM,OAAS,EACvC,MAAAM,EACA,eAAAH,CAAA,EAHKG,EAPN,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAYA,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF,EAEMF,EAAiBG,GAA8B,CACpD,KAAM,CACL,SAAAC,EACA,cAAAC,EACA,MAAAP,EACA,SAAAQ,EACA,eAAAC,EACA,eAAAZ,CAAA,EACGQ,EACE,CAAE,SAAAK,EAAU,YAAAC,EAAa,QAAAC,EAAS,WAAAC,GAAeP,EACjDQ,EAAa,IAAM,CACxB,CAACD,GAAcJ,EAAeH,CAAQ,CACvC,EACMS,EAAe,IAChBP,EACI,SAEJG,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCZ,EAAAA,OAACe,EAAAA,4BAAA,CACA,WAAYX,EAAM,WAClB,QAASS,EACT,cAAeC,EAAA,EACf,WAAYF,GAAchB,EAE1B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,mBAAmBY,EAAa,UAAY,SAAS,IACpE,SAAA,CAAAZ,SAAC,MAAA,CAAI,UAAU,QACb,SAAAc,EAAA,GAAkB,YAClBd,EAAAA,OAACgB,EAAAA,QAAA,CAAM,OAAQ,GAAI,MAAO,GAAI,MAAOC,SAAO,QAAQ,QAAA,EAApD,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAd,MAA8D,EAC3DW,KAAkB,iBACpBI,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAf,MAAkC,EAElCH,SAACmB,EAAAA,cAAA,CAAc,UAAU,aAAc,WAAQ,GAA/C,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAhB,MAAiD,CAAA,EANnD,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,WACCiB,EAAAA,YAAA,CAAY,UAAU,YAAY,MAAOX,EACxC,SAAAA,GADF,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACC,MAAA,CAAI,UAAYG,EAAuC,GAAvB,oBAAuB,EAAxD,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,CAAA,CAAA,EApB7D,OAAA,GAAA,CAAA,SAAA,yFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive || hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","stepperDetails","steps","activeStep","onClickingEachStep","hideHoverState","StepperContainer","eachStepper","index","jsxDEV","SingleStepper","step","this","props","eachStep","isLastElement","isActive","onClickingStep","stepName","isCompleted","isError","isInActive","OnClicking","ClassMapping","SingleStepperChildContainer","Check","COLORS","ErrorInfo","BodySecondary","BodyPrimary"],"mappings":"iUAiBaA,EAAWC,GAAiC,CACxD,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,mBAAAC,EAAoB,eAAAC,GAC9CJ,EAED,gBACEK,EAAAA,iBAAA,CACC,SAAAJ,EAAM,IAAI,CAACK,EAAaC,IACxBC,EAAAA,OAACC,EAAA,CACA,WAAYR,EAAM,OAClB,SAAUK,EACV,eAAiBI,GAAS,CACzBP,EAAmBO,CAAI,CACxB,EACA,SAAUR,GAAY,SAAWI,GAAa,QAE9C,cAAeC,GAASN,EAAM,OAAS,EACvC,MAAAM,EACA,eAAAH,CAAA,EAHKG,EAPN,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAYA,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF,EAEMF,EAAiBG,GAA8B,CACpD,KAAM,CACL,SAAAC,EACA,cAAAC,EACA,MAAAP,EACA,SAAAQ,EACA,eAAAC,EACA,eAAAZ,CAAA,EACGQ,EACE,CAAE,SAAAK,EAAU,YAAAC,EAAa,QAAAC,EAAS,WAAAC,GAAeP,EACjDQ,EAAa,IAAM,CACxB,CAACD,GAAcJ,EAAeH,CAAQ,CACvC,EACMS,EAAe,IAChBP,EACI,SAEJG,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCZ,EAAAA,OAACe,EAAAA,4BAAA,CACA,WAAYX,EAAM,WAClB,QAASS,EACT,cAAeC,EAAA,EACf,WAAYF,GAAchB,EAE1B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,mBAAmBY,EAAa,UAAY,SAAS,IACpE,SAAA,CAAAZ,SAAC,MAAA,CAAI,UAAU,QACb,SAAAc,EAAA,GAAkB,YAClBd,EAAAA,OAACgB,EAAAA,QAAA,CAAM,OAAQ,GAAI,MAAO,GAAI,MAAOC,SAAO,QAAQ,QAAA,EAApD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAd,MAA8D,EAC3DW,KAAkB,iBACpBI,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAf,MAAkC,EAElCH,SAACmB,EAAAA,cAAA,CAAc,UAAU,aAAc,WAAQ,GAA/C,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAhB,MAAiD,CAAA,EANnD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,WACCiB,EAAAA,YAAA,CAAY,UAAU,YAAY,MAAOX,EACxC,SAAAA,GADF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACC,MAAA,CAAI,UAAYG,EAAuC,GAAvB,oBAAuB,EAAxD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,CAAA,CAAA,EApB7D,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}

package/dist/cjs/components/switch/Switch.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),i=require("react"),R=require("styled-components"),c=require("../../constants/Theme.js"),U=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=U(R),g=i.forwardRef(({customThumbColor:e,trackColor:f,trackHeight:w,trackLength:y,disabled:l,value:s,onValueChange:C,duration:p,containerStyle:$,type:o,isLoading:r,"data-test":S})=>{const{colorsV2:t}=c.DEFAULT_THEME,[n,b]=i.useState(s),[N,d]=i.useState(r??!1),m=p??200;i.useEffect(()=>{typeof r=="boolean"&&d(r)},[r]),i.useEffect(()=>{b(s)},[s]);const h=l?{false:t.background.inactive,true:t.background.inactive}:{false:f?.false??o==="greenred"?t.background.negative.light:t.background.base,true:f?.true??o==="greenred"?t.background.positive.vibrant:t.background.brand},D={false:o==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:o==="greenred"?t.background.positive.vibrant:t.background.brand},E=l?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??o==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},T=o?{false:o==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:o==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function j(){if(!l){typeof r!="boolean"&&d(!0);try{await C?.(!n),b(!n)}catch(O){console.log(O)}typeof r!="boolean"&&d(!1)}}return a.jsxDEV(a.Fragment,{children:a.jsxDEV(x,{"data-test":S,trackLength:y??40,trackHeight:w??20,onClick:()=>j(),trackColor:h,value:n,style:$,borderColor:D,duration:m,disabled:l,outlineColor:T,children:N?a.jsxDEV(v,{value:n,trackColor:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/switch/Switch.tsx",lineNumber:122,columnNumber:7},void 0):a.jsxDEV(k,{value:n,duration:m,thumbColor:E},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/switch/Switch.tsx",lineNumber:124,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/switch/Switch.tsx",lineNumber:108,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/switch/Switch.tsx",lineNumber:107,columnNumber:4},void 0)});g.displayName="Switch";const x=u.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),i=require("react"),P=require("styled-components"),u=require("../../constants/Theme.js"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=R(P),g=i.forwardRef(({customThumbColor:e,trackColor:f,trackHeight:p,trackLength:w,disabled:l,value:s,onValueChange:C,duration:y,containerStyle:$,type:r,isLoading:o,"data-test":S})=>{const{colorsV2:t}=u.DEFAULT_THEME,[n,b]=i.useState(s),[N,c]=i.useState(o??!1),h=y??200;i.useEffect(()=>{typeof o=="boolean"&&c(o)},[o]),i.useEffect(()=>{b(s)},[s]);const m=l?{false:t.background.inactive,true:t.background.inactive}:{false:f?.false??r==="greenred"?t.background.negative.light:t.background.base,true:f?.true??r==="greenred"?t.background.positive.vibrant:t.background.brand},j={false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.background.positive.vibrant:t.background.brand},E=l?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??r==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},T=r?{false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function D(){if(!l){typeof o!="boolean"&&c(!0);try{await C?.(!n),b(!n)}catch(O){console.log(O)}typeof o!="boolean"&&c(!1)}}return a.jsxDEV(a.Fragment,{children:a.jsxDEV(k,{"data-test":S,trackLength:w??40,trackHeight:p??20,onClick:()=>D(),trackColor:m,value:n,style:$,borderColor:j,duration:h,disabled:l,outlineColor:T,children:N?a.jsxDEV(v,{value:n,trackColor:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:122,columnNumber:7},void 0):a.jsxDEV(x,{value:n,duration:h,thumbColor:E},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:124,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:108,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:107,columnNumber:4},void 0)});g.displayName="Switch";const k=d.default.div`
 	display: flex;
 	flex-direction: row;
 	margin-top: 5px;
@@ -27,7 +27,7 @@
 		outline-offset: 2px;
 		outline-width: 2px;
 	}
-`,k=u.default.div`
+`,x=d.default.div`
 	height: 12px;
 	width: 12px;
 	margin: 4px;
@@ -36,13 +36,13 @@
 	left: ${e=>e.value?"calc(100% - 20px)":"0px"};
 	transition: ${e=>`${e.duration/1e3}s ease all`};
 	background-color: ${e=>e.value?e.thumbColor.true:e.thumbColor.false};
-`,v=u.default.div`
+`,v=d.default.div`
 	border-width: 2px;
 	border-style: solid;
 	border-color: ${e=>e.value?e.trackColor.true:e.trackColor.false};
 	border-top-width: 2px;
 	border-top-style: solid;
-	border-top-color: ${e=>e.value?c.COLORS.text.white:c.COLORS.background.brand};
+	border-top-color: ${e=>e.value?u.COLORS.text.white:u.COLORS.background.brand};
 	border-radius: 50%;
 	height: 8px;
 	width: 8px;
@@ -58,5 +58,5 @@
 			transform: rotate(360deg);
 		}
 	}
-`;exports.Loader=v;exports.Switch=g;exports.SwitchContainer=x;exports.Thumb=k;
+`;exports.Loader=v;exports.Switch=g;exports.SwitchContainer=k;exports.Thumb=x;
 //# sourceMappingURL=Switch.js.map

package/dist/cjs/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsxDEV","Fragment","SwitchContainer","Loader","this","Thumb","styled","props","COLORS"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsxDEV","Fragment","SwitchContainer","Loader","this","Thumb","styled","props","COLORS"],"mappings":"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"}

package/dist/cjs/components/tabs/Tabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),x=require("react"),D=require("../../constants/Theme.js"),r=require("./Tabs.styles.js"),C=require("../tag/Tag.js"),E=e=>{const{tabs:n,initialTab:d,onTabSelected:i,TabItemStyledProps:m,selectedTab:t,extendedBorder:l,rightComponent:u,size:T="default",isSquared:y=!1,containerStyles:f}=e,[s,a]=x.useState(d||n[0].key),{colorsV2:c}=D.DEFAULT_THEME;x.useEffect(()=>{t&&t!==s&&a(t)},[t,s]);const k=e.backgroundColor,v=e.selectedTextColor??c.background.brand,h=e.textColor??c.content.secondary;return o.jsxDEV(r.TabHeader,{style:f??{},bgColor:k,"data-test":e["data-test"],children:[n.map((b,g)=>o.jsxDEV(N,{hasEqualSpacing:e.hasEqualSpacing,selectedTextColor:v,textColor:h,tab:b,currentTab:s,TabItemStyledProps:m,IconComponent:b.icon,size:T,setCurrentTab:p=>{a(p),i&&i(p)},isSquared:y,isFirstlement:g==0,isLastElement:g==n.length-1,iconPosition:b.iconPosition??"left"},b.key,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:48,columnNumber:5},void 0)),l&&o.jsxDEV(r.EmptyTab,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:70,columnNumber:23},void 0),o.jsxDEV(r.RightComponent,{children:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:71,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:42,columnNumber:3},void 0)},N=e=>{const{tab:n,currentTab:d,setCurrentTab:i,TabItemStyledProps:m,IconComponent:t,iconPosition:l="left",size:u="default",isSquared:T=!1,isFirstlement:y,isLastElement:f}=e,s=n.key===d,{colorsV2:a}=D.DEFAULT_THEME,c=x.useCallback(()=>({...m,borderRadius:e.isSquared?y?"4px 0px 0px 4px":f?"0px 4px 4px 0px":"":""}),[]);return o.jsxDEV(r.TabItem,{style:c(),selected:s,hasEqualSpacing:e.hasEqualSpacing,onClick:()=>i(e.tab.key),selectedTextColor:e.selectedTextColor,isSquared:T,"data-test":e["data-test"],children:[t&&l==="left"&&o.jsxDEV(t,{selected:s?a.background.brand:a.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:117,columnNumber:5},void 0),n.leadingNumber!==void 0&&n.leadingNumber!==null&&o.jsxDEV(r.TrailingNumberContainer,{selected:s,children:o.jsxDEV(C.Tag,{tagText:n?.leadingNumber??0,theme:"dark",type:n.numberTagType,variant:"circle",color:a.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:125,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:124,columnNumber:5},void 0),o.jsxDEV(r.TabItemText,{style:u==="small"?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:e.textColor,selectedTextColor:e.selectedTextColor,selected:s,children:n.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:134,columnNumber:4},void 0),n.trailingNumber!==void 0&&n.trailingNumber!==null&&o.jsxDEV(r.TrailingNumberContainer,{selected:s,children:o.jsxDEV(C.Tag,{tagText:n?.trailingNumber??0,theme:"dark",type:n.numberTagType,variant:"circle",color:a.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:148,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:147,columnNumber:5},void 0),t&&l==="right"&&o.jsxDEV(t,{selected:s?a.background.brand:a.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:158,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:107,columnNumber:3},void 0)};E.displayName="Tabs";N.displayName="TabItemComponent";exports.TabItemComponent=N;exports.Tabs=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),N=require("react"),g=require("../../constants/Theme.js"),a=require("./Tabs.styles.js"),k=require("../tag/Tag.js"),C=e=>{const{tabs:t,initialTab:m,onTabSelected:i,TabItemStyledProps:u,selectedTab:o,extendedBorder:c,rightComponent:d,size:T="default",isSquared:f=!1,containerStyles:x}=e,[r,s]=N.useState(m||t[0].key),{colorsV2:l}=g.DEFAULT_THEME;N.useEffect(()=>{o&&o!==r&&s(o)},[o,r]);const j=e.backgroundColor,E=e.selectedTextColor??l.background.brand,v=e.textColor??l.content.secondary;return n.jsxDEV(a.TabHeader,{style:x??{},bgColor:j,"data-test":e["data-test"],children:[t.map((b,h)=>n.jsxDEV(p,{hasEqualSpacing:e.hasEqualSpacing,selectedTextColor:E,textColor:v,tab:b,currentTab:r,TabItemStyledProps:u,IconComponent:b.icon,size:T,setCurrentTab:y=>{s(y),i&&i(y)},isSquared:f,isFirstlement:h==0,isLastElement:h==t.length-1,iconPosition:b.iconPosition??"left"},b.key,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:48,columnNumber:5},void 0)),c&&n.jsxDEV(a.EmptyTab,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:70,columnNumber:23},void 0),n.jsxDEV(a.RightComponent,{children:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:71,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:42,columnNumber:3},void 0)},p=e=>{const{tab:t,currentTab:m,setCurrentTab:i,TabItemStyledProps:u,IconComponent:o,iconPosition:c="left",size:d="default",isSquared:T=!1,isFirstlement:f,isLastElement:x}=e,r=t.key===m,{colorsV2:s}=g.DEFAULT_THEME,l=N.useCallback(()=>({...u,borderRadius:e.isSquared?f?"4px 0px 0px 4px":x?"0px 4px 4px 0px":"":""}),[]);return n.jsxDEV(a.TabItem,{style:l(),selected:r,hasEqualSpacing:e.hasEqualSpacing,onClick:()=>i(e.tab.key),selectedTextColor:e.selectedTextColor,isSquared:T,"data-test":e["data-test"],children:[o&&c==="left"&&n.jsxDEV(o,{selected:r?s.background.brand:s.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:117,columnNumber:5},void 0),t.leadingNumber!==void 0&&t.leadingNumber!==null&&n.jsxDEV(a.TrailingNumberContainer,{selected:r,children:n.jsxDEV(k.Tag,{tagText:t?.leadingNumber??0,theme:"dark",type:t.numberTagType,variant:"circle",color:s.content.primaryInverse},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:125,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:124,columnNumber:5},void 0),n.jsxDEV(a.TabItemText,{style:d==="small"?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:e.textColor,selectedTextColor:e.selectedTextColor,selected:r,children:t.title},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:134,columnNumber:4},void 0),t.trailingNumber!==void 0&&t.trailingNumber!==null&&n.jsxDEV(a.TrailingNumberContainer,{selected:r,children:n.jsxDEV(k.Tag,{tagText:t?.trailingNumber??0,theme:"dark",type:t.numberTagType,variant:"circle",color:s.content.primaryInverse},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:148,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:147,columnNumber:5},void 0),o&&c==="right"&&n.jsxDEV(o,{selected:r?s.background.brand:s.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:158,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:107,columnNumber:3},void 0)};C.displayName="Tabs";p.displayName="TabItemComponent";exports.TabItemComponent=p;exports.Tabs=C;
 //# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';\nimport {\n\tEmptyTab,\n\tRightComponent,\n\tTabHeader,\n\tTabItem,\n\tTabItemText,\n\tTrailingNumberContainer,\n} from './Tabs.styles';\n\nexport const Tabs: React.FC<TabViewHeaderProps> = (props) => {\n\tconst {\n\t\ttabs,\n\t\tinitialTab,\n\t\tonTabSelected,\n\t\tTabItemStyledProps,\n\t\tselectedTab,\n\t\textendedBorder,\n\t\trightComponent,\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tcontainerStyles,\n\t} = props;\n\tconst [currentTab, setCurrentTab] = useState(initialTab || tabs[0].key);\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tuseEffect(() => {\n\t\tif (selectedTab && selectedTab !== currentTab) {\n\t\t\tsetCurrentTab(selectedTab);\n\t\t}\n\t}, [selectedTab, currentTab]);\n\n\tconst backgroundColor = props.backgroundColor;\n\tconst selectedTextColor =\n\t\tprops.selectedTextColor ?? colorsV2.background.brand;\n\tconst textColor = props.textColor ?? colorsV2.content.secondary;\n\n\treturn (\n\t\t<TabHeader\n\t\t\tstyle={containerStyles ?? {}}\n\t\t\tbgColor={backgroundColor}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{tabs.map((tab, index) => (\n\t\t\t\t<TabItemComponent\n\t\t\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\t\t\tselectedTextColor={selectedTextColor}\n\t\t\t\t\ttextColor={textColor}\n\t\t\t\t\tkey={tab.key}\n\t\t\t\t\ttab={tab}\n\t\t\t\t\tcurrentTab={currentTab}\n\t\t\t\t\tTabItemStyledProps={TabItemStyledProps}\n\t\t\t\t\tIconComponent={tab.icon}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tsetCurrentTab={(tabKey) => {\n\t\t\t\t\t\tsetCurrentTab(tabKey);\n\t\t\t\t\t\tif (onTabSelected) {\n\t\t\t\t\t\t\tonTabSelected(tabKey as string);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisSquared={isSquared}\n\t\t\t\t\tisFirstlement={index == 0}\n\t\t\t\t\tisLastElement={index == tabs.length - 1}\n\t\t\t\t\ticonPosition={tab.iconPosition ?? 'left'}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{extendedBorder && <EmptyTab />}\n\t\t\t<RightComponent>{rightComponent}</RightComponent>\n\t\t</TabHeader>\n\t);\n};\n\nexport const TabItemComponent: React.FC<TabItemComponentProps> = (props) => {\n\tconst {\n\t\ttab,\n\t\tcurrentTab,\n\t\tsetCurrentTab,\n\t\tTabItemStyledProps,\n\t\tIconComponent,\n\t\ticonPosition = 'left',\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tisFirstlement,\n\t\tisLastElement,\n\t} = props;\n\tconst selected = tab.key === currentTab;\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tconst tabStyles = useCallback(() => {\n\t\treturn {\n\t\t\t...TabItemStyledProps,\n\t\t\tborderRadius: props.isSquared\n\t\t\t\t? isFirstlement\n\t\t\t\t\t? '4px 0px 0px 4px'\n\t\t\t\t\t: isLastElement\n\t\t\t\t\t? '0px 4px 4px 0px'\n\t\t\t\t\t: ''\n\t\t\t\t: '',\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn (\n\t\t<TabItem\n\t\t\tstyle={tabStyles()}\n\t\t\tselected={selected}\n\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\tonClick={() => setCurrentTab(props.tab.key)}\n\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\tisSquared={isSquared}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{IconComponent && iconPosition === 'left' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{tab.leadingNumber !== undefined && tab.leadingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.leadingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t<TabItemText\n\t\t\t\tstyle={\n\t\t\t\t\tsize === 'small'\n\t\t\t\t\t\t? { fontSize: 14, fontStyle: 'normal', fontWeight: 600 }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\ttextColor={props.textColor}\n\t\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\t\tselected={selected}\n\t\t\t>\n\t\t\t\t{tab.title}\n\t\t\t</TabItemText>\n\t\t\t{tab.trailingNumber !== undefined && tab.trailingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.trailingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t{IconComponent && iconPosition === 'right' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</TabItem>\n\t);\n};\n\nTabs.displayName = 'Tabs';\n\nTabItemComponent.displayName = 'TabItemComponent';\n"],"names":["Tabs","props","tabs","initialTab","onTabSelected","TabItemStyledProps","selectedTab","extendedBorder","rightComponent","size","isSquared","containerStyles","currentTab","setCurrentTab","useState","colorsV2","DEFAULT_THEME","useEffect","backgroundColor","selectedTextColor","textColor","jsxDEV","TabHeader","tab","index","TabItemComponent","tabKey","this","EmptyTab","RightComponent","IconComponent","iconPosition","isFirstlement","isLastElement","selected","tabStyles","useCallback","TabItem","TrailingNumberContainer","Tag","TabItemText"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';\nimport {\n\tEmptyTab,\n\tRightComponent,\n\tTabHeader,\n\tTabItem,\n\tTabItemText,\n\tTrailingNumberContainer,\n} from './Tabs.styles';\n\nexport const Tabs: React.FC<TabViewHeaderProps> = (props) => {\n\tconst {\n\t\ttabs,\n\t\tinitialTab,\n\t\tonTabSelected,\n\t\tTabItemStyledProps,\n\t\tselectedTab,\n\t\textendedBorder,\n\t\trightComponent,\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tcontainerStyles,\n\t} = props;\n\tconst [currentTab, setCurrentTab] = useState(initialTab || tabs[0].key);\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tuseEffect(() => {\n\t\tif (selectedTab && selectedTab !== currentTab) {\n\t\t\tsetCurrentTab(selectedTab);\n\t\t}\n\t}, [selectedTab, currentTab]);\n\n\tconst backgroundColor = props.backgroundColor;\n\tconst selectedTextColor =\n\t\tprops.selectedTextColor ?? colorsV2.background.brand;\n\tconst textColor = props.textColor ?? colorsV2.content.secondary;\n\n\treturn (\n\t\t<TabHeader\n\t\t\tstyle={containerStyles ?? {}}\n\t\t\tbgColor={backgroundColor}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{tabs.map((tab, index) => (\n\t\t\t\t<TabItemComponent\n\t\t\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\t\t\tselectedTextColor={selectedTextColor}\n\t\t\t\t\ttextColor={textColor}\n\t\t\t\t\tkey={tab.key}\n\t\t\t\t\ttab={tab}\n\t\t\t\t\tcurrentTab={currentTab}\n\t\t\t\t\tTabItemStyledProps={TabItemStyledProps}\n\t\t\t\t\tIconComponent={tab.icon}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tsetCurrentTab={(tabKey) => {\n\t\t\t\t\t\tsetCurrentTab(tabKey);\n\t\t\t\t\t\tif (onTabSelected) {\n\t\t\t\t\t\t\tonTabSelected(tabKey as string);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisSquared={isSquared}\n\t\t\t\t\tisFirstlement={index == 0}\n\t\t\t\t\tisLastElement={index == tabs.length - 1}\n\t\t\t\t\ticonPosition={tab.iconPosition ?? 'left'}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{extendedBorder && <EmptyTab />}\n\t\t\t<RightComponent>{rightComponent}</RightComponent>\n\t\t</TabHeader>\n\t);\n};\n\nexport const TabItemComponent: React.FC<TabItemComponentProps> = (props) => {\n\tconst {\n\t\ttab,\n\t\tcurrentTab,\n\t\tsetCurrentTab,\n\t\tTabItemStyledProps,\n\t\tIconComponent,\n\t\ticonPosition = 'left',\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tisFirstlement,\n\t\tisLastElement,\n\t} = props;\n\tconst selected = tab.key === currentTab;\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tconst tabStyles = useCallback(() => {\n\t\treturn {\n\t\t\t...TabItemStyledProps,\n\t\t\tborderRadius: props.isSquared\n\t\t\t\t? isFirstlement\n\t\t\t\t\t? '4px 0px 0px 4px'\n\t\t\t\t\t: isLastElement\n\t\t\t\t\t? '0px 4px 4px 0px'\n\t\t\t\t\t: ''\n\t\t\t\t: '',\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn (\n\t\t<TabItem\n\t\t\tstyle={tabStyles()}\n\t\t\tselected={selected}\n\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\tonClick={() => setCurrentTab(props.tab.key)}\n\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\tisSquared={isSquared}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{IconComponent && iconPosition === 'left' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{tab.leadingNumber !== undefined && tab.leadingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.leadingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t<TabItemText\n\t\t\t\tstyle={\n\t\t\t\t\tsize === 'small'\n\t\t\t\t\t\t? { fontSize: 14, fontStyle: 'normal', fontWeight: 600 }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\ttextColor={props.textColor}\n\t\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\t\tselected={selected}\n\t\t\t>\n\t\t\t\t{tab.title}\n\t\t\t</TabItemText>\n\t\t\t{tab.trailingNumber !== undefined && tab.trailingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.trailingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t{IconComponent && iconPosition === 'right' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</TabItem>\n\t);\n};\n\nTabs.displayName = 'Tabs';\n\nTabItemComponent.displayName = 'TabItemComponent';\n"],"names":["Tabs","props","tabs","initialTab","onTabSelected","TabItemStyledProps","selectedTab","extendedBorder","rightComponent","size","isSquared","containerStyles","currentTab","setCurrentTab","useState","colorsV2","DEFAULT_THEME","useEffect","backgroundColor","selectedTextColor","textColor","jsxDEV","TabHeader","tab","index","TabItemComponent","tabKey","this","EmptyTab","RightComponent","IconComponent","iconPosition","isFirstlement","isLastElement","selected","tabStyles","useCallback","TabItem","TrailingNumberContainer","Tag","TabItemText"],"mappings":"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"}

package/dist/cjs/components/tag/Tag.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),A=require("react"),w=require("../tooltips/Tooltip.js"),a=require("../TypographyStyle.js"),_=require("./model.js"),$=require("./Tag.styled.js"),R=require("./themes.js"),S=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},p=S(A),h=({tagText:s,LeadingIcon:b,TrailingIcon:y,onLeadingIconClicked:f=void 0,leadingIconId:d,trailingIconId:t,onTrailingIconClicked:g=void 0,theme:c="light",type:m="neutral",variant:r="regular",version:E,cursor:j,alignIcon:k,noBorder:v,tagHtmlText:i,contentPadding:V,leadingIconTooltip:D,trailingIconTooltip:x,tagColor:T,numberOfLines:o,backgroundColor:U,borderRadius:B,size:l="regular"})=>{let n=s;const C=c;let N=m;_.ValidTagTypeMap[r][m]||(N="neutral"),r==="circle"&&typeof n=="number"&&n>99&&(n="99+");const q=R.getTagIconColor(c,N),u={height:r==="compressed"?12:16,width:r==="compressed"?12:16,color:q,style:{display:"block"}};return e.jsxDEV($.Tag,{cursor:j,theme:C,type:N,variant:r,version:E,alignIcon:k,noBorder:v,contentPadding:V,backgroundColor:U,borderRadius:B,size:l,children:e.jsxDEV("div",{className:"container",children:[b&&(D?e.jsxDEV(w.Tooltip,{...D,children:e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${d}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...u,id:d||"leading-icon"})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:77,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${d}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...u,id:d||"leading-icon"})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:90,columnNumber:7},void 0)),i&&(m==="ai"&&c==="light"?l==="small"?e.jsxDEV(a.AiBodyTiny,{numberOfLines:o,children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:105,columnNumber:8},void 0):e.jsxDEV(a.AiBodyCaption,{numberOfLines:o,children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:109,columnNumber:8},void 0):l==="small"?e.jsxDEV(a.BodyTiny,{className:"text",numberOfLines:o,children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:114,columnNumber:7},void 0):e.jsxDEV(a.BodyCaption,{className:"text",numberOfLines:o,children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:118,columnNumber:7},void 0)),!i&&n!==""&&(m==="ai"&&c==="light"?l==="small"?e.jsxDEV(a.AiBodyTiny,{numberOfLines:o,children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:127,columnNumber:8},void 0):e.jsxDEV(a.AiBodyCaption,{numberOfLines:o,children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:131,columnNumber:8},void 0):l==="small"?e.jsxDEV(a.BodyTiny,{className:"text",color:T,numberOfLines:o,children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:136,columnNumber:7},void 0):e.jsxDEV(a.BodyCaption,{className:"text",color:T,numberOfLines:o,children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:144,columnNumber:7},void 0)),y&&(x?e.jsxDEV(w.Tooltip,{...x,children:e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${t}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(y,{...u,id:t||"trailing-icon"})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:155,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${t}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(y,{...u,id:t||"trailing-icon"})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:168,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:74,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/tag/Tag.tsx",lineNumber:61,columnNumber:3},void 0)};h.displayName="Tag";exports.Tag=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),q=require("react"),x=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),A=require("./model.js"),_=require("./Tag.styled.js"),$=require("./themes.js"),R=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},p=R(q),T=({tagText:a,LeadingIcon:b,TrailingIcon:N,onLeadingIconClicked:f=void 0,leadingIconId:c,trailingIconId:l,onTrailingIconClicked:g=void 0,theme:m="light",type:u="neutral",variant:i="regular",version:E,cursor:D,alignIcon:P,noBorder:v,tagHtmlText:s,contentPadding:V,leadingIconTooltip:y,trailingIconTooltip:j,tagColor:k,numberOfLines:r,backgroundColor:U,borderRadius:w,size:t="regular"})=>{let o=a;const B=m;let h=u;A.ValidTagTypeMap[i][u]||(h="neutral"),i==="circle"&&typeof o=="number"&&o>99&&(o="99+");const C=$.getTagIconColor(m,h),d={height:i==="compressed"?12:16,width:i==="compressed"?12:16,color:C,style:{display:"block"}};return e.jsxDEV(_.Tag,{cursor:D,theme:B,type:h,variant:i,version:E,alignIcon:P,noBorder:v,contentPadding:V,backgroundColor:U,borderRadius:w,size:t,children:e.jsxDEV("div",{className:"container",children:[b&&(y?e.jsxDEV(x.Tooltip,{...y,children:e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${c}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...d,id:c||"leading-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:77,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${c}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...d,id:c||"leading-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:90,columnNumber:7},void 0)),s&&(u==="ai"&&m==="light"?t==="small"?e.jsxDEV(n.AiBodyTiny,{numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:105,columnNumber:8},void 0):e.jsxDEV(n.AiBodyCaption,{numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:109,columnNumber:8},void 0):t==="small"?e.jsxDEV(n.BodyTiny,{className:"text",numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:114,columnNumber:7},void 0):e.jsxDEV(n.BodyCaption,{className:"text",numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:118,columnNumber:7},void 0)),!s&&o!==""&&(u==="ai"&&m==="light"?t==="small"?e.jsxDEV(n.AiBodyTiny,{numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:127,columnNumber:8},void 0):e.jsxDEV(n.AiBodyCaption,{numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:131,columnNumber:8},void 0):t==="small"?e.jsxDEV(n.BodyTiny,{className:"text",color:k,numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:136,columnNumber:7},void 0):e.jsxDEV(n.BodyCaption,{className:"text",color:k,numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:144,columnNumber:7},void 0)),N&&(j?e.jsxDEV(x.Tooltip,{...j,children:e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${l}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(N,{...d,id:l||"trailing-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:155,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${l}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(N,{...d,id:l||"trailing-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:168,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:74,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:61,columnNumber:3},void 0)};T.displayName="Tag";exports.Tag=T;
 //# sourceMappingURL=Tag.js.map

package/dist/cjs/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsxDEV","Sc.Tag","Tooltip","React","this","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsxDEV","Sc.Tag","Tooltip","React","this","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("../../../assets/icons/alert.svg.js"),d=require("styled-components"),s=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=l(d),o=c.default.div`
-	background: ${t.COLORS.background.negative.light};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("../../../assets/icons/alert.svg.js"),d=require("styled-components"),c=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(d),r=l.default.div`
+	background: ${n.COLORS.background.negative.light};
 	display: flex;
 	align-items: center;
 	padding: ${e=>e.padding?"8px":"0px"} 12px;
 	gap: 8px;
 	border-radius: 4px;
 	margin-right: 12px;
-	color: ${t.COLORS.content.negative};
+	color: ${n.COLORS.content.negative};
 	height: 32px;
-`,p=e=>{const{errorText:r,padding:a}=e;return n.jsxDEV(o,{padding:a,children:[n.jsxDEV(i.default,{height:20,width:20,color:t.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:27,columnNumber:4},void 0),n.jsxDEV(s.BodySecondary,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:28,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:26,columnNumber:3},void 0)};exports.Badge=p;exports.BadgeContainer=o;
+`,p=e=>{const{errorText:o,padding:a}=e;return t.jsxDEV(r,{padding:a,children:[t.jsxDEV(i.default,{height:20,width:20,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:27,columnNumber:4},void 0),t.jsxDEV(c.BodySecondary,{children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:28,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:26,columnNumber:3},void 0)};exports.Badge=p;exports.BadgeContainer=r;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/template-context-mapper/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxDEV","AlertIcon","this","BodySecondary"],"mappings":"sVAKaA,EAAiBC,EAAAA,QAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,SAACP,GAAe,QAAAM,EACf,SAAA,CAAAC,EAAAA,OAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAON,EAAAA,OAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAkE,EAClEF,EAAAA,OAACG,EAAAA,eAAe,SAAAL,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxDEV","AlertIcon","this","BodySecondary"],"mappings":"sVAKaA,EAAiBC,EAAAA,QAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,SAACP,GAAe,QAAAM,EACf,SAAA,CAAAC,EAAAA,OAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAON,EAAAA,OAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAkE,EAClEF,EAAAA,OAACG,EAAAA,eAAe,SAAAL,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),at=require("lodash/cloneDeep"),e=require("react"),G=require("../../utils/StringUtils.js"),st=require("../../constants/Theme.js"),nt=require("../modals/styledModal.js"),M=require("../template-preview/helpers/templateMiscHelper.js"),c=require("../template-preview/models/Channels.js"),J=require("../template-preview/models/WhatsAppTemplate.js"),lt=require("./context/templateModalContext.js"),it=require("./modalElements/Footer.js"),ct=require("./modalElements/TemplateAnalyticsComponent.js"),K=require("./modalElements/TemplateSelectModalContent.js"),dt=require("./utils/convertPlaceholdersToBikDropdown.js"),pt=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},ut=pt(at),mt=n=>{const{selectedTemplate:b,closeDialog:L,showVariableMapping:k,channel:r,htmlContent:T,templateVariables:X,onTemplateSelect:w,globalPlaceholders:A,showOnlyContent:Z,whatsappSpecificPickerMeta:ee,zIndex:te,showVariableModal:oe,variableList:C,discountCode:re,setDiscountCode:ae,onBackPress:se,enabledCustomText:ne,variableListForImage:N,showSampleValues:le,disableEditVariable:ie,pod:V,extras:ce,pickerConf:de,selectedCarouselProducts:h,disableEditExpiry:pe,cardWidth:ue,onDeleteSelectedProducts:me,fileName:fe,setFileName:be,hideDeviceContainerInPreview:Ce,maxCharLimit:he,onDefaultVariableSelect:xe,skipDefaultVariableContent:ye,disableDatePicker:ge,disableCopyCode:Ee,initialExpiryDateTime:Se,showDiscountCodeExpiryInfo:Te,footerButtonText:Ne,footerInfoText:De,templateAnalytics:l}=n;e.useEffect(()=>{O(T)},[T]);const x=M.determineCardIndex(r),i=M.isItCarousal(r,b),d=b?.isProductCarouselType,[Pe,ve]=e.useState(r===c.CHANNEL_TYPE.EMAIL||r==c.CHANNEL_TYPE.WEBPUSH||i?"desktop":"mobile"),[Ie,Me]=e.useState(!1),[H,O]=e.useState(T),[Le,p]=e.useState(!1),[ke,B]=e.useState([]),[we,Ae]=e.useState({}),[o,Ve]=e.useState(b),[He,Oe]=e.useState([]),[Be,_e]=e.useState(null),[_,qe]=e.useState(!1),[q,Fe]=e.useState(X??[]),[Ue,F]=e.useState(!1),[je,Re]=e.useState(i?o?.mapping?.body?.length?-1:0:-1),[u,y]=e.useState([]),[U,j]=e.useState(void 0),We=e.useRef(null),[Ye,$e]=e.useState(!1),[R,Qe]=e.useState(!1),[ze,Ge]=e.useState(!1),[Je,g]=e.useState(!0),[Ke,m]=e.useState(!0),[W,Xe]=e.useState({}),[Ze,D]=e.useState("");e.useEffect(()=>{h?y(h):d&&y([])},[h]),e.useEffect(()=>{if(!_&&d&&(!h||y.length===0)){const t=o?.components?.[x].cards,a=[];t?.forEach(P=>{P?.components?.forEach(f=>{f.type==="HEADER"&&a.push(f.example?.header_handle?.[0]??"")})}),Oe(a),qe(!0)}},[_]);function et(t,a,P){const f=t?.components?.[P]?.cards;if(!f?.length||!a?.length)return"";const Y=f[0]?.components?.find(E=>E.type==="BODY")?.text??"";if(!Y)return"";const v=t?.mapping?.cards?.[0]?.body??[];if(!v.length)return"";const rt={"{{product.name}}":"productName","{{product.description}}":"productDescription"};for(const E of a){let I=Y;for(let S=0;S<v.length;S++){const $=v[S],Q=rt[$];if(Q===void 0)continue;const z=E[Q];if(!z)return`Variable ${$} is missing for product "${E.productName}".`;I=I.replace(`{{${S+1}}}`,z)}if(I.length>160)return"Selected products description/name making the description more than 160."}return""}function tt(){if(D(""),u?.length<1&&d){p(!0);return}if(Object.keys(W).length>0&&V!==J.POD.CHATBOT){p(!0);return}if(d&&(u?.length??0)>0){const a=et(o,u,x);if(a){D(a),p(!0);return}}const t=w?.(o,q,H??"",u);Ae(t?.templateErrorIndexes??{body:[],buttons:[]}),t?.errorIndexes||t?.error?(t?.errorIndexes&&B(t.errorIndexes),t?.error&&p(!!t?.error)):F(!0)}const ot=e.useMemo(()=>dt.convertPlaceholdersToBikDropdown(A),[A]);return e.useEffect(()=>{j(ut.default(C))},[C]),l?.show&&Je&&l.templateQuality&&Object.values(J.TEMPLATE_QUALITY).find(t=>t===String(l.templateQuality))?s.jsxDEV(ct.TemplateAnalyticsComponent,{headingTitle:o?.label,headingSubtitle:r===c.CHANNEL_TYPE.WHATSAPP?`${G.default.capitaliseFirstLetterOfString(o?.category??"")} • ${o?.templateCategory??""}`:"",templateAnalytics:l,analyticsData:l.data,onClose:()=>{L?.(),g(!1),m(!1)},onCancel:()=>{g(!1),m(!1)},onProceed:()=>{g(!1),m(!0)},templateId:o?.templateId||""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:354,columnNumber:4},void 0):s.jsxDEV(lt.TemplateModalContext.Provider,{value:{hideFooterButton:ze,setHideFooterButton:Ge,hideCrossButton:R,setHideCrossButton:Qe,variableList:U,setVariableList:j,variableCallback:Be,setVariableCallback:_e,showVariablePicker:Ie,setShowVariablePicker:Me,template:o,setTemplate:Ve,device:Pe,setDevice:ve,display_content:H,setDisplayContent:O,originalVariableList:q,setOriginalVariableList:Fe,isError:Le,setIsError:p,channel:r,globalNormalizedPlaceholders:ot,templateSelectionTriggered:Ue,setTemplateSelectionTriggered:F,enabledCustomText:ne,disableEditVariable:ie,pod:V,extras:ce,isWhatsappCarousel:i,selectedCarouselIndex:je,setSelectedCarouselIndex:Re,isProductCarouselType:d,templateErrorIndexes:we,cardCount:i?b.components?.[x].cards?.length:void 0,errorIndexes:ke,setErrorIndexes:B,pickerConf:de,carouselProducts:u,setCarouselProducts:y,disableEditExpiry:pe,cardWidth:ue,cardImages:He,onDeleteSelectedProducts:me,hideDeviceContainerInPreview:Ce,sliderRef:We,isCarouselHovered:Ye,setIsCarouselHovered:$e,maxCharLimit:he,ctaOptionsErrors:W,setCtaOptionsErrors:Xe,onDefaultVariableSelect:xe,carouselBodyError:Ze,setCarouselBodyError:D,disableDatePicker:ge,disableCopyCode:Ee,initialExpiryDateTime:Se,showDiscountCodeExpiryInfo:Te,cardIndex:x},children:Z?s.jsxDEV(K.default,{variableListFromProps:C,channel:c.CHANNEL_TYPE.EMAIL,hideHeader:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:451,columnNumber:5},void 0):s.jsxDEV(nt.StyledModal,{hideCrossButton:R,zIndex:te,centralContainerStyles:{width:i?900:r===c.CHANNEL_TYPE.EMAIL&&k?1e3:800},open:Ke,onClose:()=>{m(!1),L?.()},headingTitle:o?.label,headingSubtitle:r===c.CHANNEL_TYPE.WHATSAPP||M.isRCSChannel(r)?`${G.default.capitaliseFirstLetterOfString(o?.category??"")} • ${o?.templateCategory??""}`:"",onBackPress:()=>{if(l?.show){g(!0),m(!1);return}se?.()},modalHeaderStyles:{borderBottom:`1px solid ${st.COLORS.stroke.primary}`},children:[s.jsxDEV(K.default,{variableListFromProps:C,showSampleValues:le,showVariableMapping:k,channel:r,whatsappSpecificPickerMeta:ee,showVariableModal:oe,discountCode:re,setDiscountCode:ae,variableListForImage:N&&N?.length>0?N:U,fileName:fe,setFileName:t=>{be?.(t)},skipDefaultVariableContent:ye},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:492,columnNumber:6},void 0),w?s.jsxDEV(it.default,{isWhatsappCarousel:i??!1,onSelect:tt,footerButtonText:Ne,footerInfoText:De},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:513,columnNumber:7},void 0):s.jsxDEV(s.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:520,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:457,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:384,columnNumber:3},void 0)};exports.TemplateContextMapper=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),at=require("lodash/cloneDeep"),e=require("react"),G=require("../../utils/StringUtils.js"),st=require("../../constants/Theme.js"),nt=require("../modals/styledModal.js"),I=require("../template-preview/helpers/templateMiscHelper.js"),c=require("../template-preview/models/Channels.js"),J=require("../template-preview/models/WhatsAppTemplate.js"),lt=require("./context/templateModalContext.js"),it=require("./modalElements/Footer.js"),ct=require("./modalElements/TemplateAnalyticsComponent.js"),K=require("./modalElements/TemplateSelectModalContent.js"),pt=require("./utils/convertPlaceholdersToBikDropdown.js"),ut=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},dt=ut(at),mt=n=>{const{selectedTemplate:b,closeDialog:M,showVariableMapping:L,channel:o,htmlContent:y,templateVariables:X,onTemplateSelect:A,globalPlaceholders:V,showOnlyContent:Z,whatsappSpecificPickerMeta:ee,zIndex:te,showVariableModal:re,variableList:h,discountCode:oe,setDiscountCode:ae,onBackPress:se,enabledCustomText:ne,variableListForImage:P,showSampleValues:le,disableEditVariable:ie,pod:j,extras:ce,pickerConf:pe,selectedCarouselProducts:C,disableEditExpiry:ue,cardWidth:de,onDeleteSelectedProducts:me,fileName:fe,setFileName:be,hideDeviceContainerInPreview:he,maxCharLimit:Ce,onDefaultVariableSelect:xe,skipDefaultVariableContent:ge,disableDatePicker:Ee,disableCopyCode:Se,initialExpiryDateTime:Te,showDiscountCodeExpiryInfo:ye,footerButtonText:Pe,footerInfoText:Ne,templateAnalytics:l}=n;e.useEffect(()=>{O(y)},[y]);const x=I.determineCardIndex(o),i=I.isItCarousal(o,b),p=b?.isProductCarouselType,[ve,De]=e.useState(o===c.CHANNEL_TYPE.EMAIL||o==c.CHANNEL_TYPE.WEBPUSH||i?"desktop":"mobile"),[ke,Ie]=e.useState(!1),[H,O]=e.useState(y),[Me,u]=e.useState(!1),[Le,B]=e.useState([]),[Ae,Ve]=e.useState({}),[r,je]=e.useState(b),[He,Oe]=e.useState([]),[Be,we]=e.useState(null),[w,_e]=e.useState(!1),[_,qe]=e.useState(X??[]),[Fe,q]=e.useState(!1),[Ue,Re]=e.useState(i?r?.mapping?.body?.length?-1:0:-1),[d,g]=e.useState([]),[F,U]=e.useState(void 0),We=e.useRef(null),[Ye,$e]=e.useState(!1),[R,Qe]=e.useState(!1),[ze,Ge]=e.useState(!1),[Je,E]=e.useState(!0),[Ke,m]=e.useState(!0),[W,Xe]=e.useState({}),[Ze,N]=e.useState("");e.useEffect(()=>{C?g(C):p&&g([])},[C]),e.useEffect(()=>{if(!w&&p&&(!C||g.length===0)){const t=r?.components?.[x].cards,a=[];t?.forEach(v=>{v?.components?.forEach(f=>{f.type==="HEADER"&&a.push(f.example?.header_handle?.[0]??"")})}),Oe(a),_e(!0)}},[w]);function et(t,a,v){const f=t?.components?.[v]?.cards;if(!f?.length||!a?.length)return"";const Y=f[0]?.components?.find(S=>S.type==="BODY")?.text??"";if(!Y)return"";const D=t?.mapping?.cards?.[0]?.body??[];if(!D.length)return"";const ot={"{{product.name}}":"productName","{{product.description}}":"productDescription"};for(const S of a){let k=Y;for(let T=0;T<D.length;T++){const $=D[T],Q=ot[$];if(Q===void 0)continue;const z=S[Q];if(!z)return`Variable ${$} is missing for product "${S.productName}".`;k=k.replace(`{{${T+1}}}`,z)}if(k.length>160)return"Selected products description/name making the description more than 160."}return""}function tt(){if(N(""),d?.length<1&&p){u(!0);return}if(Object.keys(W).length>0&&j!==J.POD.CHATBOT){u(!0);return}if(p&&(d?.length??0)>0){const a=et(r,d,x);if(a){N(a),u(!0);return}}const t=A?.(r,_,H??"",d);Ve(t?.templateErrorIndexes??{body:[],buttons:[]}),t?.errorIndexes||t?.error?(t?.errorIndexes&&B(t.errorIndexes),t?.error&&u(!!t?.error)):q(!0)}const rt=e.useMemo(()=>pt.convertPlaceholdersToBikDropdown(V),[V]);return e.useEffect(()=>{U(dt.default(h))},[h]),l?.show&&Je&&l.templateQuality&&Object.values(J.TEMPLATE_QUALITY).find(t=>t===String(l.templateQuality))?s.jsxDEV(ct.TemplateAnalyticsComponent,{headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",templateAnalytics:l,analyticsData:l.data,onClose:()=>{M?.(),E(!1),m(!1)},onCancel:()=>{E(!1),m(!1)},onProceed:()=>{E(!1),m(!0)},templateId:r?.templateId||""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:354,columnNumber:4},void 0):s.jsxDEV(lt.TemplateModalContext.Provider,{value:{hideFooterButton:ze,setHideFooterButton:Ge,hideCrossButton:R,setHideCrossButton:Qe,variableList:F,setVariableList:U,variableCallback:Be,setVariableCallback:we,showVariablePicker:ke,setShowVariablePicker:Ie,template:r,setTemplate:je,device:ve,setDevice:De,display_content:H,setDisplayContent:O,originalVariableList:_,setOriginalVariableList:qe,isError:Me,setIsError:u,channel:o,globalNormalizedPlaceholders:rt,templateSelectionTriggered:Fe,setTemplateSelectionTriggered:q,enabledCustomText:ne,disableEditVariable:ie,pod:j,extras:ce,isWhatsappCarousel:i,selectedCarouselIndex:Ue,setSelectedCarouselIndex:Re,isProductCarouselType:p,templateErrorIndexes:Ae,cardCount:i?b.components?.[x].cards?.length:void 0,errorIndexes:Le,setErrorIndexes:B,pickerConf:pe,carouselProducts:d,setCarouselProducts:g,disableEditExpiry:ue,cardWidth:de,cardImages:He,onDeleteSelectedProducts:me,hideDeviceContainerInPreview:he,sliderRef:We,isCarouselHovered:Ye,setIsCarouselHovered:$e,maxCharLimit:Ce,ctaOptionsErrors:W,setCtaOptionsErrors:Xe,onDefaultVariableSelect:xe,carouselBodyError:Ze,setCarouselBodyError:N,disableDatePicker:Ee,disableCopyCode:Se,initialExpiryDateTime:Te,showDiscountCodeExpiryInfo:ye,cardIndex:x},children:Z?s.jsxDEV(K.default,{variableListFromProps:h,channel:c.CHANNEL_TYPE.EMAIL,hideHeader:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:451,columnNumber:5},void 0):s.jsxDEV(nt.StyledModal,{hideCrossButton:R,zIndex:te,centralContainerStyles:{width:i?900:o===c.CHANNEL_TYPE.EMAIL&&L?1e3:800},open:Ke,onClose:()=>{m(!1),M?.()},headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP||I.isRCSChannel(o)?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",onBackPress:()=>{if(l?.show){E(!0),m(!1);return}se?.()},modalHeaderStyles:{borderBottom:`1px solid ${st.COLORS.stroke.primary}`},children:[s.jsxDEV(K.default,{variableListFromProps:h,showSampleValues:le,showVariableMapping:L,channel:o,whatsappSpecificPickerMeta:ee,showVariableModal:re,discountCode:oe,setDiscountCode:ae,variableListForImage:P&&P?.length>0?P:F,fileName:fe,setFileName:t=>{be?.(t)},skipDefaultVariableContent:ge},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:492,columnNumber:6},void 0),A?s.jsxDEV(it.default,{isWhatsappCarousel:i??!1,onSelect:tt,footerButtonText:Pe,footerInfoText:Ne},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:513,columnNumber:7},void 0):s.jsxDEV(s.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:520,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:457,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:384,columnNumber:3},void 0)};exports.TemplateContextMapper=mt;
 //# sourceMappingURL=TemplateContextMapper.js.map

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateContextMapper.js","sources":["../../../../src/components/template-context-mapper/TemplateContextMapper.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { StyledModal } from '../modals/styledModal';\nimport {\n\tdetermineCardIndex,\n\tisItCarousal,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '../template-preview/models/Channels';\nimport {\n\tCUSTOM_VARIABLE,\n\ttype GlobalPlaceholderType,\n} from '../template-preview/models/TemplateMeta';\nimport type {\n\tAllTemplateTypes,\n\tAllTemplateVariables,\n\tNonNullTemplateTypes,\n} from '../template-preview/models/types';\nimport type { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';\nimport {\n\ttype ExtrasWhatsapp,\n\tPOD,\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsI,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '../template-preview/models/WhatsAppTemplate';\nimport type { VariableV3 } from '../variable-picker-v3/model';\nimport {\n\ttype DEVICE_TYPES,\n\tTemplateModalContext,\n} from './context/templateModalContext';\nimport Footer from './modalElements/Footer';\nimport { CarouselProduct } from './modalElements/modal';\nimport { TemplateAnalyticsComponent } from './modalElements/TemplateAnalyticsComponent';\n// import Footer from './modalElements/Footer';\nimport TemplateSelectModalContent from './modalElements/TemplateSelectModalContent';\nimport { convertPlaceholdersToBikDropdown } from './utils/convertPlaceholdersToBikDropdown';\n\nexport interface TemplateContextMapperProps {\n\tselectedTemplate: NonNullTemplateTypes;\n\tcloseDialog?: () => void;\n\tshowVariableMapping: boolean;\n\tchannel: CHANNEL_TYPE;\n\tglobalPlaceholders: GlobalPlaceholderType;\n\t/** List of variables being used in this template */\n\ttemplateVariables:\n\t\t| CUSTOM_VARIABLE[]\n\t\t| WhatsAppTemplateVariables\n\t\t| WhatsAppCarouselTemplateVariables\n\t\t| WebpushTemplateVariables;\n\t/** Only for initial-UI-purpose for the modal */\n\thtmlContent: string;\n\tshowOnlyContent?: boolean;\n\tonTemplateSelect?(\n\t\ttemplate: AllTemplateTypes,\n\t\tvariables: AllTemplateVariables,\n\t\tdisplay_content?: string,\n\t\tcarouselProducts?: CarouselProduct[],\n\t): {\n\t\terror: string;\n\t\terrorIndexes?: number[];\n\t\ttemplateErrorIndexes?: { body?: number[]; buttons?: number[] };\n\t} | void;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tzIndex?: number;\n\tshowVariableModal?: boolean;\n\tvariableList?: VariableListInterfaceV2[];\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tonBackPress?: () => void;\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tenabledCustomText?: boolean;\n\tshowSampleValues?: boolean;\n\tdisableEditVariable?: boolean;\n\tpod?: POD;\n\textras?: ExtrasWhatsapp;\n\tpickerConf?: {\n\t\tsearchInCollection: any;\n\t\tsearchProducts: any;\n\t\tfetchCollections: any;\n\t\tfetchProducts: any;\n\t\tstoreId: string;\n\t\tappType?: ApplicationType;\n\t};\n\tselectedCarouselProducts?: CarouselProduct[];\n\tdisableEditExpiry?: boolean;\n\tcardWidth?: number;\n\tonDeleteSelectedProducts?: () => void;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\thideDeviceContainerInPreview?: boolean;\n\tmaxCharLimit?: number;\n\tonDefaultVariableSelect?: (variable: VariableV3) => void;\n\tskipDefaultVariableContent?: boolean;\n\tdisableDatePicker?: boolean;\n\tdisableCopyCode?: boolean;\n\tinitialExpiryDateTime?: string;\n\tshowDiscountCodeExpiryInfo?: boolean;\n\tfooterButtonText?: string;\n\tfooterInfoText?: string;\n\ttemplateAnalytics?: TemplateAnalyticsI;\n}\nexport const TemplateContextMapper = (props: TemplateContextMapperProps) => {\n\tconst {\n\t\tselectedTemplate,\n\t\tcloseDialog,\n\t\tshowVariableMapping,\n\t\tchannel,\n\t\thtmlContent,\n\t\ttemplateVariables,\n\t\tonTemplateSelect,\n\t\tglobalPlaceholders,\n\t\tshowOnlyContent,\n\t\twhatsappSpecificPickerMeta,\n\t\tzIndex,\n\t\tshowVariableModal,\n\t\tvariableList: variableListFromProps,\n\t\tdiscountCode,\n\t\tsetDiscountCode,\n\t\tonBackPress,\n\t\tenabledCustomText,\n\t\tvariableListForImage,\n\t\tshowSampleValues,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\textras,\n\t\tpickerConf,\n\t\tselectedCarouselProducts,\n\t\tdisableEditExpiry,\n\t\tcardWidth,\n\t\tonDeleteSelectedProducts,\n\t\tfileName,\n\t\tsetFileName,\n\t\thideDeviceContainerInPreview,\n\t\tmaxCharLimit,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t\tdisableDatePicker,\n\t\tdisableCopyCode,\n\t\tinitialExpiryDateTime,\n\t\tshowDiscountCodeExpiryInfo,\n\t\tfooterButtonText,\n\t\tfooterInfoText,\n\t\ttemplateAnalytics,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tsetDisplayContent(htmlContent);\n\t}, [htmlContent]);\n\tconst cardIndex = determineCardIndex(channel);\n\tconst isWhatsappCarousel = isItCarousal(\n\t\tchannel,\n\t\tselectedTemplate as WhatsAppCarouselTemplate,\n\t);\n\n\tconst isProductCarouselType = (selectedTemplate as WhatsAppCarouselTemplate)\n\t\t?.isProductCarouselType;\n\tconst [device, setDevice] = useState<DEVICE_TYPES>(\n\t\tchannel === CHANNEL_TYPE.EMAIL ||\n\t\t\tchannel == CHANNEL_TYPE.WEBPUSH ||\n\t\t\tisWhatsappCarousel\n\t\t\t? 'desktop'\n\t\t\t: 'mobile',\n\t);\n\tconst [showVariablePicker, setShowVariablePicker] = useState<boolean>(false);\n\tconst [display_content, setDisplayContent] = useState<string | null>(\n\t\thtmlContent,\n\t);\n\tconst [isError, setIsError] = useState<boolean>(false);\n\tconst [errorIndexes, setErrorIndexes] = useState<number[]>([]);\n\tconst [templateErrorIndexes, setTemplateErrorIndexes] = useState<{\n\t\tbody?: number[];\n\t\tbuttons?: number[];\n\t}>({});\n\tconst [template, setTemplate] = useState<AllTemplateTypes>(selectedTemplate);\n\tconst [cardImages, setCardImages] = useState<string[]>([]);\n\tconst [variableCallback, setVariableCallback] = useState(null);\n\tconst [hasUpdateOriginalTemplate, setHasUpdateOriginalTemplate] =\n\t\tuseState(false);\n\tconst [originalVariableList, setOriginalVariableList] =\n\t\tuseState<AllTemplateVariables>(templateVariables ?? []);\n\tconst [templateSelectionTriggered, setTemplateSelectionTriggered] =\n\t\tuseState(false);\n\tconst [selectedCarouselIndex, setSelectedCarouselIndex] = useState<number>(\n\t\tisWhatsappCarousel ? (template?.mapping?.body?.length ? -1 : 0) : -1,\n\t);\n\tconst [carouselProducts, setCarouselProducts] = useState<CarouselProduct[]>(\n\t\t[],\n\t);\n\tconst [variableList, setVariableList] = useState<\n\t\tVariableListInterfaceV2[] | undefined\n\t>(undefined);\n\n\tconst sliderRef = useRef(null);\n\n\tconst [isCarouselHovered, setIsCarouselHovered] = useState(false);\n\tconst [hideCrossButton, setHideCrossButton] = useState(false);\n\tconst [hideFooterButton, setHideFooterButton] = useState(false);\n\tconst [showWarningModal, setShowWarningModal] = useState(true);\n\tconst [openMapper, setOpenMapper] = useState(true);\n\tconst [ctaOptionsErrors, setCtaOptionsErrors] = useState({});\n\tconst [carouselBodyError, setCarouselBodyError] = useState<string>('');\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselProducts) {\n\t\t\tsetCarouselProducts(selectedCarouselProducts);\n\t\t} else if (isProductCarouselType) {\n\t\t\tsetCarouselProducts([]);\n\t\t}\n\t}, [selectedCarouselProducts]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\t!hasUpdateOriginalTemplate &&\n\t\t\tisProductCarouselType &&\n\t\t\t(!selectedCarouselProducts || setCarouselProducts.length === 0)\n\t\t) {\n\t\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\t\tcardIndex\n\t\t\t].cards;\n\t\t\tconst images: string[] = [];\n\t\t\tcards?.forEach((card) => {\n\t\t\t\tcard?.components?.forEach((comp) => {\n\t\t\t\t\tif (comp.type === 'HEADER') {\n\t\t\t\t\t\timages.push(comp.example?.header_handle?.[0] ?? '');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\tsetCardImages(images);\n\t\t\tsetHasUpdateOriginalTemplate(true);\n\t\t}\n\t}, [hasUpdateOriginalTemplate]);\n\n\tfunction getProductCarouselBodyError(\n\t\tcarouselTemplate: WhatsAppCarouselTemplate,\n\t\tproducts: CarouselProduct[],\n\t\tidx: number,\n\t): string {\n\t\tconst cards = carouselTemplate?.components?.[idx]?.cards;\n\t\tif (!cards?.length || !products?.length) return '';\n\n\t\tconst cardBodyText =\n\t\t\tcards[0]?.components?.find((c) => c.type === 'BODY')?.text ?? '';\n\t\tif (!cardBodyText) return '';\n\n\t\tconst bodyMapping = carouselTemplate?.mapping?.cards?.[0]?.body ?? [];\n\t\tif (!bodyMapping.length) return '';\n\n\t\tconst PRODUCT_VAR_TO_FIELD: Partial<Record<string, keyof CarouselProduct>> =\n\t\t\t{\n\t\t\t\t'{{product.name}}': 'productName',\n\t\t\t\t'{{product.description}}': 'productDescription',\n\t\t\t};\n\n\t\tfor (const product of products) {\n\t\t\tlet resolvedText = cardBodyText;\n\t\t\tfor (let i = 0; i < bodyMapping.length; i++) {\n\t\t\t\tconst varPlaceholder = bodyMapping[i];\n\t\t\t\tconst productField = PRODUCT_VAR_TO_FIELD[varPlaceholder];\n\t\t\t\tif (productField === undefined) continue;\n\t\t\t\tconst value = product[productField] as string | undefined;\n\t\t\t\tif (!value) {\n\t\t\t\t\treturn `Variable ${varPlaceholder} is missing for product \"${product.productName}\".`;\n\t\t\t\t}\n\t\t\t\tresolvedText = resolvedText.replace(`{{${i + 1}}}`, value);\n\t\t\t}\n\t\t\tif (resolvedText.length > 160) {\n\t\t\t\treturn `Selected products description/name making the description more than 160.`;\n\t\t\t}\n\t\t}\n\t\treturn '';\n\t}\n\n\tfunction onSelect() {\n\t\tsetCarouselBodyError('');\n\n\t\tif (carouselProducts?.length < 1 && isProductCarouselType) {\n\t\t\tsetIsError(true);\n\t\t\treturn;\n\t\t}\n\n\t\t// Added pod check because campaign uses dropdown where cta options empty error is possible\n\t\t// Chatbot is using variable picker where empty error is not possible\n\t\tif (Object.keys(ctaOptionsErrors).length > 0 && pod !== POD.CHATBOT) {\n\t\t\tsetIsError(true);\n\t\t\treturn;\n\t\t}\n\n\t\tif (isProductCarouselType && (carouselProducts?.length ?? 0) > 0) {\n\t\t\tconst bodyErr = getProductCarouselBodyError(\n\t\t\t\ttemplate as WhatsAppCarouselTemplate,\n\t\t\t\tcarouselProducts,\n\t\t\t\tcardIndex,\n\t\t\t);\n\t\t\tif (bodyErr) {\n\t\t\t\tsetCarouselBodyError(bodyErr);\n\t\t\t\tsetIsError(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst error = onTemplateSelect?.(\n\t\t\ttemplate as AllTemplateTypes,\n\t\t\toriginalVariableList,\n\t\t\tdisplay_content ?? '',\n\t\t\tcarouselProducts,\n\t\t);\n\n\t\tsetTemplateErrorIndexes(\n\t\t\terror?.templateErrorIndexes ?? { body: [], buttons: [] },\n\t\t);\n\n\t\tif (error?.errorIndexes || error?.error) {\n\t\t\tif (error?.errorIndexes) {\n\t\t\t\tsetErrorIndexes(error.errorIndexes);\n\t\t\t}\n\t\t\tif (error?.error) {\n\t\t\t\tsetIsError(!!error?.error);\n\t\t\t}\n\t\t} else {\n\t\t\tsetTemplateSelectionTriggered(true);\n\t\t}\n\t}\n\n\tconst globalNormalizedPlaceholders = useMemo(\n\t\t() => convertPlaceholdersToBikDropdown(globalPlaceholders),\n\t\t[globalPlaceholders],\n\t);\n\n\tuseEffect(() => {\n\t\tsetVariableList(cloneDeep(variableListFromProps));\n\t}, [variableListFromProps]);\n\n\tif (\n\t\ttemplateAnalytics?.show &&\n\t\tshowWarningModal &&\n\t\ttemplateAnalytics.templateQuality &&\n\t\tObject.values(TEMPLATE_QUALITY).find(\n\t\t\t(value) => value === String(templateAnalytics.templateQuality),\n\t\t)\n\t) {\n\t\t// extra check for other pods\n\t\treturn (\n\t\t\t<TemplateAnalyticsComponent\n\t\t\t\theadingTitle={template?.label}\n\t\t\t\theadingSubtitle={\n\t\t\t\t\tchannel === CHANNEL_TYPE.WHATSAPP\n\t\t\t\t\t\t? `${StringUtils.capitaliseFirstLetterOfString(\n\t\t\t\t\t\t\t\ttemplate?.category ?? '',\n\t\t\t\t\t\t  )} • ${(template as WhatsAppTemplate)?.templateCategory ?? ''}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\ttemplateAnalytics={templateAnalytics}\n\t\t\t\tanalyticsData={templateAnalytics.data}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tcloseDialog?.();\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t}}\n\t\t\t\tonCancel={() => {\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t}}\n\t\t\t\tonProceed={() => {\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(true);\n\t\t\t\t}}\n\t\t\t\ttemplateId={template?.templateId || ''}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TemplateModalContext.Provider\n\t\t\tvalue={{\n\t\t\t\thideFooterButton,\n\t\t\t\tsetHideFooterButton,\n\t\t\t\thideCrossButton,\n\t\t\t\tsetHideCrossButton,\n\t\t\t\tvariableList,\n\t\t\t\tsetVariableList,\n\t\t\t\tvariableCallback,\n\t\t\t\tsetVariableCallback,\n\t\t\t\tshowVariablePicker,\n\t\t\t\tsetShowVariablePicker,\n\t\t\t\ttemplate,\n\t\t\t\tsetTemplate,\n\t\t\t\tdevice,\n\t\t\t\tsetDevice,\n\t\t\t\tdisplay_content,\n\t\t\t\tsetDisplayContent,\n\t\t\t\toriginalVariableList,\n\t\t\t\tsetOriginalVariableList,\n\t\t\t\tisError,\n\t\t\t\tsetIsError,\n\t\t\t\tchannel,\n\t\t\t\tglobalNormalizedPlaceholders,\n\t\t\t\ttemplateSelectionTriggered,\n\t\t\t\tsetTemplateSelectionTriggered,\n\t\t\t\tenabledCustomText,\n\t\t\t\tdisableEditVariable,\n\t\t\t\tpod,\n\t\t\t\textras,\n\t\t\t\tisWhatsappCarousel,\n\t\t\t\tselectedCarouselIndex,\n\t\t\t\tsetSelectedCarouselIndex,\n\t\t\t\tisProductCarouselType,\n\t\t\t\ttemplateErrorIndexes,\n\t\t\t\tcardCount: isWhatsappCarousel\n\t\t\t\t\t? (selectedTemplate as WhatsAppCarouselTemplate).components?.[\n\t\t\t\t\t\t\tcardIndex\n\t\t\t\t\t  ].cards?.length\n\t\t\t\t\t: undefined,\n\t\t\t\terrorIndexes,\n\t\t\t\tsetErrorIndexes,\n\t\t\t\tpickerConf,\n\t\t\t\tcarouselProducts,\n\t\t\t\tsetCarouselProducts,\n\t\t\t\tdisableEditExpiry,\n\t\t\t\tcardWidth,\n\t\t\t\tcardImages,\n\t\t\t\tonDeleteSelectedProducts,\n\t\t\t\thideDeviceContainerInPreview,\n\t\t\t\tsliderRef,\n\t\t\t\tisCarouselHovered,\n\t\t\t\tsetIsCarouselHovered,\n\t\t\t\tmaxCharLimit,\n\t\t\t\tctaOptionsErrors,\n\t\t\t\tsetCtaOptionsErrors,\n\t\t\t\tonDefaultVariableSelect,\n\t\t\t\tcarouselBodyError,\n\t\t\t\tsetCarouselBodyError,\n\t\t\t\tdisableDatePicker,\n\t\t\t\tdisableCopyCode,\n\t\t\t\tinitialExpiryDateTime,\n\t\t\t\tshowDiscountCodeExpiryInfo,\n\t\t\t\tcardIndex,\n\t\t\t}}\n\t\t>\n\t\t\t{showOnlyContent ? (\n\t\t\t\t<TemplateSelectModalContent\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\tchannel={CHANNEL_TYPE.EMAIL}\n\t\t\t\t\thideHeader\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\thideCrossButton={hideCrossButton}\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: isWhatsappCarousel\n\t\t\t\t\t\t\t? 900\n\t\t\t\t\t\t\t: channel === CHANNEL_TYPE.EMAIL && showVariableMapping\n\t\t\t\t\t\t\t? 1000\n\t\t\t\t\t\t\t: 800,\n\t\t\t\t\t}}\n\t\t\t\t\topen={openMapper}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t\t\tcloseDialog?.();\n\t\t\t\t\t}}\n\t\t\t\t\theadingTitle={template?.label}\n\t\t\t\t\theadingSubtitle={\n\t\t\t\t\t\tchannel === CHANNEL_TYPE.WHATSAPP || isRCSChannel(channel)\n\t\t\t\t\t\t\t? `${StringUtils.capitaliseFirstLetterOfString(\n\t\t\t\t\t\t\t\t\ttemplate?.category ?? '',\n\t\t\t\t\t\t\t  )} • ${(template as WhatsAppTemplate)?.templateCategory ?? ''}`\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\tif (templateAnalytics?.show) {\n\t\t\t\t\t\t\tsetShowWarningModal(true);\n\t\t\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBackPress?.();\n\t\t\t\t\t}}\n\t\t\t\t\tmodalHeaderStyles={{\n\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TemplateSelectModalContent\n\t\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t\tshowVariableMapping={showVariableMapping}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\t\tvariableListForImage={\n\t\t\t\t\t\t\tvariableListForImage && variableListForImage?.length > 0\n\t\t\t\t\t\t\t\t? variableListForImage\n\t\t\t\t\t\t\t\t: variableList\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfileName={fileName}\n\t\t\t\t\t\tsetFileName={(file) => {\n\t\t\t\t\t\t\tsetFileName?.(file);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t\t/>\n\t\t\t\t\t{onTemplateSelect ? (\n\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel ?? false}\n\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\tfooterButtonText={footerButtonText}\n\t\t\t\t\t\t\tfooterInfoText={footerInfoText}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</TemplateModalContext.Provider>\n\t);\n};\n"],"names":["TemplateContextMapper","props","selectedTemplate","closeDialog","showVariableMapping","channel","htmlContent","templateVariables","onTemplateSelect","globalPlaceholders","showOnlyContent","whatsappSpecificPickerMeta","zIndex","showVariableModal","variableListFromProps","discountCode","setDiscountCode","onBackPress","enabledCustomText","variableListForImage","showSampleValues","disableEditVariable","pod","extras","pickerConf","selectedCarouselProducts","disableEditExpiry","cardWidth","onDeleteSelectedProducts","fileName","setFileName","hideDeviceContainerInPreview","maxCharLimit","onDefaultVariableSelect","skipDefaultVariableContent","disableDatePicker","disableCopyCode","initialExpiryDateTime","showDiscountCodeExpiryInfo","footerButtonText","footerInfoText","templateAnalytics","useEffect","setDisplayContent","cardIndex","determineCardIndex","isWhatsappCarousel","isItCarousal","isProductCarouselType","device","setDevice","useState","CHANNEL_TYPE","showVariablePicker","setShowVariablePicker","display_content","isError","setIsError","errorIndexes","setErrorIndexes","templateErrorIndexes","setTemplateErrorIndexes","template","setTemplate","cardImages","setCardImages","variableCallback","setVariableCallback","hasUpdateOriginalTemplate","setHasUpdateOriginalTemplate","originalVariableList","setOriginalVariableList","templateSelectionTriggered","setTemplateSelectionTriggered","selectedCarouselIndex","setSelectedCarouselIndex","carouselProducts","setCarouselProducts","variableList","setVariableList","sliderRef","useRef","isCarouselHovered","setIsCarouselHovered","hideCrossButton","setHideCrossButton","hideFooterButton","setHideFooterButton","showWarningModal","setShowWarningModal","openMapper","setOpenMapper","ctaOptionsErrors","setCtaOptionsErrors","carouselBodyError","setCarouselBodyError","cards","images","card","comp","getProductCarouselBodyError","carouselTemplate","products","idx","cardBodyText","c","bodyMapping","PRODUCT_VAR_TO_FIELD","product","resolvedText","i","varPlaceholder","productField","value","onSelect","POD","bodyErr","error","globalNormalizedPlaceholders","useMemo","convertPlaceholdersToBikDropdown","cloneDeep","TEMPLATE_QUALITY","jsxDEV","TemplateAnalyticsComponent","StringUtils","this","TemplateModalContext","TemplateSelectModalContent","StyledModal","isRCSChannel","COLORS","file","Footer","Fragment"],"mappings":"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"}
+{"version":3,"file":"TemplateContextMapper.js","sources":["../../../../src/components/template-context-mapper/TemplateContextMapper.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { StyledModal } from '../modals/styledModal';\nimport {\n\tdetermineCardIndex,\n\tisItCarousal,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '../template-preview/models/Channels';\nimport {\n\tCUSTOM_VARIABLE,\n\ttype GlobalPlaceholderType,\n} from '../template-preview/models/TemplateMeta';\nimport type {\n\tAllTemplateTypes,\n\tAllTemplateVariables,\n\tNonNullTemplateTypes,\n} from '../template-preview/models/types';\nimport type { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';\nimport {\n\ttype ExtrasWhatsapp,\n\tPOD,\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsI,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '../template-preview/models/WhatsAppTemplate';\nimport type { VariableV3 } from '../variable-picker-v3/model';\nimport {\n\ttype DEVICE_TYPES,\n\tTemplateModalContext,\n} from './context/templateModalContext';\nimport Footer from './modalElements/Footer';\nimport { CarouselProduct } from './modalElements/modal';\nimport { TemplateAnalyticsComponent } from './modalElements/TemplateAnalyticsComponent';\n// import Footer from './modalElements/Footer';\nimport TemplateSelectModalContent from './modalElements/TemplateSelectModalContent';\nimport { convertPlaceholdersToBikDropdown } from './utils/convertPlaceholdersToBikDropdown';\n\nexport interface TemplateContextMapperProps {\n\tselectedTemplate: NonNullTemplateTypes;\n\tcloseDialog?: () => void;\n\tshowVariableMapping: boolean;\n\tchannel: CHANNEL_TYPE;\n\tglobalPlaceholders: GlobalPlaceholderType;\n\t/** List of variables being used in this template */\n\ttemplateVariables:\n\t\t| CUSTOM_VARIABLE[]\n\t\t| WhatsAppTemplateVariables\n\t\t| WhatsAppCarouselTemplateVariables\n\t\t| WebpushTemplateVariables;\n\t/** Only for initial-UI-purpose for the modal */\n\thtmlContent: string;\n\tshowOnlyContent?: boolean;\n\tonTemplateSelect?(\n\t\ttemplate: AllTemplateTypes,\n\t\tvariables: AllTemplateVariables,\n\t\tdisplay_content?: string,\n\t\tcarouselProducts?: CarouselProduct[],\n\t): {\n\t\terror: string;\n\t\terrorIndexes?: number[];\n\t\ttemplateErrorIndexes?: { body?: number[]; buttons?: number[] };\n\t} | void;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tzIndex?: number;\n\tshowVariableModal?: boolean;\n\tvariableList?: VariableListInterfaceV2[];\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tonBackPress?: () => void;\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tenabledCustomText?: boolean;\n\tshowSampleValues?: boolean;\n\tdisableEditVariable?: boolean;\n\tpod?: POD;\n\textras?: ExtrasWhatsapp;\n\tpickerConf?: {\n\t\tsearchInCollection: any;\n\t\tsearchProducts: any;\n\t\tfetchCollections: any;\n\t\tfetchProducts: any;\n\t\tstoreId: string;\n\t\tappType?: ApplicationType;\n\t};\n\tselectedCarouselProducts?: CarouselProduct[];\n\tdisableEditExpiry?: boolean;\n\tcardWidth?: number;\n\tonDeleteSelectedProducts?: () => void;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\thideDeviceContainerInPreview?: boolean;\n\tmaxCharLimit?: number;\n\tonDefaultVariableSelect?: (variable: VariableV3) => void;\n\tskipDefaultVariableContent?: boolean;\n\tdisableDatePicker?: boolean;\n\tdisableCopyCode?: boolean;\n\tinitialExpiryDateTime?: string;\n\tshowDiscountCodeExpiryInfo?: boolean;\n\tfooterButtonText?: string;\n\tfooterInfoText?: string;\n\ttemplateAnalytics?: TemplateAnalyticsI;\n}\nexport const TemplateContextMapper = (props: TemplateContextMapperProps) => {\n\tconst {\n\t\tselectedTemplate,\n\t\tcloseDialog,\n\t\tshowVariableMapping,\n\t\tchannel,\n\t\thtmlContent,\n\t\ttemplateVariables,\n\t\tonTemplateSelect,\n\t\tglobalPlaceholders,\n\t\tshowOnlyContent,\n\t\twhatsappSpecificPickerMeta,\n\t\tzIndex,\n\t\tshowVariableModal,\n\t\tvariableList: variableListFromProps,\n\t\tdiscountCode,\n\t\tsetDiscountCode,\n\t\tonBackPress,\n\t\tenabledCustomText,\n\t\tvariableListForImage,\n\t\tshowSampleValues,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\textras,\n\t\tpickerConf,\n\t\tselectedCarouselProducts,\n\t\tdisableEditExpiry,\n\t\tcardWidth,\n\t\tonDeleteSelectedProducts,\n\t\tfileName,\n\t\tsetFileName,\n\t\thideDeviceContainerInPreview,\n\t\tmaxCharLimit,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t\tdisableDatePicker,\n\t\tdisableCopyCode,\n\t\tinitialExpiryDateTime,\n\t\tshowDiscountCodeExpiryInfo,\n\t\tfooterButtonText,\n\t\tfooterInfoText,\n\t\ttemplateAnalytics,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tsetDisplayContent(htmlContent);\n\t}, [htmlContent]);\n\tconst cardIndex = determineCardIndex(channel);\n\tconst isWhatsappCarousel = isItCarousal(\n\t\tchannel,\n\t\tselectedTemplate as WhatsAppCarouselTemplate,\n\t);\n\n\tconst isProductCarouselType = (selectedTemplate as WhatsAppCarouselTemplate)\n\t\t?.isProductCarouselType;\n\tconst [device, setDevice] = useState<DEVICE_TYPES>(\n\t\tchannel === CHANNEL_TYPE.EMAIL ||\n\t\t\tchannel == CHANNEL_TYPE.WEBPUSH ||\n\t\t\tisWhatsappCarousel\n\t\t\t? 'desktop'\n\t\t\t: 'mobile',\n\t);\n\tconst [showVariablePicker, setShowVariablePicker] = useState<boolean>(false);\n\tconst [display_content, setDisplayContent] = useState<string | null>(\n\t\thtmlContent,\n\t);\n\tconst [isError, setIsError] = useState<boolean>(false);\n\tconst [errorIndexes, setErrorIndexes] = useState<number[]>([]);\n\tconst [templateErrorIndexes, setTemplateErrorIndexes] = useState<{\n\t\tbody?: number[];\n\t\tbuttons?: number[];\n\t}>({});\n\tconst [template, setTemplate] = useState<AllTemplateTypes>(selectedTemplate);\n\tconst [cardImages, setCardImages] = useState<string[]>([]);\n\tconst [variableCallback, setVariableCallback] = useState(null);\n\tconst [hasUpdateOriginalTemplate, setHasUpdateOriginalTemplate] =\n\t\tuseState(false);\n\tconst [originalVariableList, setOriginalVariableList] =\n\t\tuseState<AllTemplateVariables>(templateVariables ?? []);\n\tconst [templateSelectionTriggered, setTemplateSelectionTriggered] =\n\t\tuseState(false);\n\tconst [selectedCarouselIndex, setSelectedCarouselIndex] = useState<number>(\n\t\tisWhatsappCarousel ? (template?.mapping?.body?.length ? -1 : 0) : -1,\n\t);\n\tconst [carouselProducts, setCarouselProducts] = useState<CarouselProduct[]>(\n\t\t[],\n\t);\n\tconst [variableList, setVariableList] = useState<\n\t\tVariableListInterfaceV2[] | undefined\n\t>(undefined);\n\n\tconst sliderRef = useRef(null);\n\n\tconst [isCarouselHovered, setIsCarouselHovered] = useState(false);\n\tconst [hideCrossButton, setHideCrossButton] = useState(false);\n\tconst [hideFooterButton, setHideFooterButton] = useState(false);\n\tconst [showWarningModal, setShowWarningModal] = useState(true);\n\tconst [openMapper, setOpenMapper] = useState(true);\n\tconst [ctaOptionsErrors, setCtaOptionsErrors] = useState({});\n\tconst [carouselBodyError, setCarouselBodyError] = useState<string>('');\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselProducts) {\n\t\t\tsetCarouselProducts(selectedCarouselProducts);\n\t\t} else if (isProductCarouselType) {\n\t\t\tsetCarouselProducts([]);\n\t\t}\n\t}, [selectedCarouselProducts]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\t!hasUpdateOriginalTemplate &&\n\t\t\tisProductCarouselType &&\n\t\t\t(!selectedCarouselProducts || setCarouselProducts.length === 0)\n\t\t) {\n\t\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\t\tcardIndex\n\t\t\t].cards;\n\t\t\tconst images: string[] = [];\n\t\t\tcards?.forEach((card) => {\n\t\t\t\tcard?.components?.forEach((comp) => {\n\t\t\t\t\tif (comp.type === 'HEADER') {\n\t\t\t\t\t\timages.push(comp.example?.header_handle?.[0] ?? '');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\tsetCardImages(images);\n\t\t\tsetHasUpdateOriginalTemplate(true);\n\t\t}\n\t}, [hasUpdateOriginalTemplate]);\n\n\tfunction getProductCarouselBodyError(\n\t\tcarouselTemplate: WhatsAppCarouselTemplate,\n\t\tproducts: CarouselProduct[],\n\t\tidx: number,\n\t): string {\n\t\tconst cards = carouselTemplate?.components?.[idx]?.cards;\n\t\tif (!cards?.length || !products?.length) return '';\n\n\t\tconst cardBodyText =\n\t\t\tcards[0]?.components?.find((c) => c.type === 'BODY')?.text ?? '';\n\t\tif (!cardBodyText) return '';\n\n\t\tconst bodyMapping = carouselTemplate?.mapping?.cards?.[0]?.body ?? [];\n\t\tif (!bodyMapping.length) return '';\n\n\t\tconst PRODUCT_VAR_TO_FIELD: Partial<Record<string, keyof CarouselProduct>> =\n\t\t\t{\n\t\t\t\t'{{product.name}}': 'productName',\n\t\t\t\t'{{product.description}}': 'productDescription',\n\t\t\t};\n\n\t\tfor (const product of products) {\n\t\t\tlet resolvedText = cardBodyText;\n\t\t\tfor (let i = 0; i < bodyMapping.length; i++) {\n\t\t\t\tconst varPlaceholder = bodyMapping[i];\n\t\t\t\tconst productField = PRODUCT_VAR_TO_FIELD[varPlaceholder];\n\t\t\t\tif (productField === undefined) continue;\n\t\t\t\tconst value = product[productField] as string | undefined;\n\t\t\t\tif (!value) {\n\t\t\t\t\treturn `Variable ${varPlaceholder} is missing for product \"${product.productName}\".`;\n\t\t\t\t}\n\t\t\t\tresolvedText = resolvedText.replace(`{{${i + 1}}}`, value);\n\t\t\t}\n\t\t\tif (resolvedText.length > 160) {\n\t\t\t\treturn `Selected products description/name making the description more than 160.`;\n\t\t\t}\n\t\t}\n\t\treturn '';\n\t}\n\n\tfunction onSelect() {\n\t\tsetCarouselBodyError('');\n\n\t\tif (carouselProducts?.length < 1 && isProductCarouselType) {\n\t\t\tsetIsError(true);\n\t\t\treturn;\n\t\t}\n\n\t\t// Added pod check because campaign uses dropdown where cta options empty error is possible\n\t\t// Chatbot is using variable picker where empty error is not possible\n\t\tif (Object.keys(ctaOptionsErrors).length > 0 && pod !== POD.CHATBOT) {\n\t\t\tsetIsError(true);\n\t\t\treturn;\n\t\t}\n\n\t\tif (isProductCarouselType && (carouselProducts?.length ?? 0) > 0) {\n\t\t\tconst bodyErr = getProductCarouselBodyError(\n\t\t\t\ttemplate as WhatsAppCarouselTemplate,\n\t\t\t\tcarouselProducts,\n\t\t\t\tcardIndex,\n\t\t\t);\n\t\t\tif (bodyErr) {\n\t\t\t\tsetCarouselBodyError(bodyErr);\n\t\t\t\tsetIsError(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst error = onTemplateSelect?.(\n\t\t\ttemplate as AllTemplateTypes,\n\t\t\toriginalVariableList,\n\t\t\tdisplay_content ?? '',\n\t\t\tcarouselProducts,\n\t\t);\n\n\t\tsetTemplateErrorIndexes(\n\t\t\terror?.templateErrorIndexes ?? { body: [], buttons: [] },\n\t\t);\n\n\t\tif (error?.errorIndexes || error?.error) {\n\t\t\tif (error?.errorIndexes) {\n\t\t\t\tsetErrorIndexes(error.errorIndexes);\n\t\t\t}\n\t\t\tif (error?.error) {\n\t\t\t\tsetIsError(!!error?.error);\n\t\t\t}\n\t\t} else {\n\t\t\tsetTemplateSelectionTriggered(true);\n\t\t}\n\t}\n\n\tconst globalNormalizedPlaceholders = useMemo(\n\t\t() => convertPlaceholdersToBikDropdown(globalPlaceholders),\n\t\t[globalPlaceholders],\n\t);\n\n\tuseEffect(() => {\n\t\tsetVariableList(cloneDeep(variableListFromProps));\n\t}, [variableListFromProps]);\n\n\tif (\n\t\ttemplateAnalytics?.show &&\n\t\tshowWarningModal &&\n\t\ttemplateAnalytics.templateQuality &&\n\t\tObject.values(TEMPLATE_QUALITY).find(\n\t\t\t(value) => value === String(templateAnalytics.templateQuality),\n\t\t)\n\t) {\n\t\t// extra check for other pods\n\t\treturn (\n\t\t\t<TemplateAnalyticsComponent\n\t\t\t\theadingTitle={template?.label}\n\t\t\t\theadingSubtitle={\n\t\t\t\t\tchannel === CHANNEL_TYPE.WHATSAPP\n\t\t\t\t\t\t? `${StringUtils.capitaliseFirstLetterOfString(\n\t\t\t\t\t\t\t\ttemplate?.category ?? '',\n\t\t\t\t\t\t  )} • ${(template as WhatsAppTemplate)?.templateCategory ?? ''}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\ttemplateAnalytics={templateAnalytics}\n\t\t\t\tanalyticsData={templateAnalytics.data}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tcloseDialog?.();\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t}}\n\t\t\t\tonCancel={() => {\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t}}\n\t\t\t\tonProceed={() => {\n\t\t\t\t\tsetShowWarningModal(false);\n\t\t\t\t\tsetOpenMapper(true);\n\t\t\t\t}}\n\t\t\t\ttemplateId={template?.templateId || ''}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TemplateModalContext.Provider\n\t\t\tvalue={{\n\t\t\t\thideFooterButton,\n\t\t\t\tsetHideFooterButton,\n\t\t\t\thideCrossButton,\n\t\t\t\tsetHideCrossButton,\n\t\t\t\tvariableList,\n\t\t\t\tsetVariableList,\n\t\t\t\tvariableCallback,\n\t\t\t\tsetVariableCallback,\n\t\t\t\tshowVariablePicker,\n\t\t\t\tsetShowVariablePicker,\n\t\t\t\ttemplate,\n\t\t\t\tsetTemplate,\n\t\t\t\tdevice,\n\t\t\t\tsetDevice,\n\t\t\t\tdisplay_content,\n\t\t\t\tsetDisplayContent,\n\t\t\t\toriginalVariableList,\n\t\t\t\tsetOriginalVariableList,\n\t\t\t\tisError,\n\t\t\t\tsetIsError,\n\t\t\t\tchannel,\n\t\t\t\tglobalNormalizedPlaceholders,\n\t\t\t\ttemplateSelectionTriggered,\n\t\t\t\tsetTemplateSelectionTriggered,\n\t\t\t\tenabledCustomText,\n\t\t\t\tdisableEditVariable,\n\t\t\t\tpod,\n\t\t\t\textras,\n\t\t\t\tisWhatsappCarousel,\n\t\t\t\tselectedCarouselIndex,\n\t\t\t\tsetSelectedCarouselIndex,\n\t\t\t\tisProductCarouselType,\n\t\t\t\ttemplateErrorIndexes,\n\t\t\t\tcardCount: isWhatsappCarousel\n\t\t\t\t\t? (selectedTemplate as WhatsAppCarouselTemplate).components?.[\n\t\t\t\t\t\t\tcardIndex\n\t\t\t\t\t  ].cards?.length\n\t\t\t\t\t: undefined,\n\t\t\t\terrorIndexes,\n\t\t\t\tsetErrorIndexes,\n\t\t\t\tpickerConf,\n\t\t\t\tcarouselProducts,\n\t\t\t\tsetCarouselProducts,\n\t\t\t\tdisableEditExpiry,\n\t\t\t\tcardWidth,\n\t\t\t\tcardImages,\n\t\t\t\tonDeleteSelectedProducts,\n\t\t\t\thideDeviceContainerInPreview,\n\t\t\t\tsliderRef,\n\t\t\t\tisCarouselHovered,\n\t\t\t\tsetIsCarouselHovered,\n\t\t\t\tmaxCharLimit,\n\t\t\t\tctaOptionsErrors,\n\t\t\t\tsetCtaOptionsErrors,\n\t\t\t\tonDefaultVariableSelect,\n\t\t\t\tcarouselBodyError,\n\t\t\t\tsetCarouselBodyError,\n\t\t\t\tdisableDatePicker,\n\t\t\t\tdisableCopyCode,\n\t\t\t\tinitialExpiryDateTime,\n\t\t\t\tshowDiscountCodeExpiryInfo,\n\t\t\t\tcardIndex,\n\t\t\t}}\n\t\t>\n\t\t\t{showOnlyContent ? (\n\t\t\t\t<TemplateSelectModalContent\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\tchannel={CHANNEL_TYPE.EMAIL}\n\t\t\t\t\thideHeader\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\thideCrossButton={hideCrossButton}\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: isWhatsappCarousel\n\t\t\t\t\t\t\t? 900\n\t\t\t\t\t\t\t: channel === CHANNEL_TYPE.EMAIL && showVariableMapping\n\t\t\t\t\t\t\t? 1000\n\t\t\t\t\t\t\t: 800,\n\t\t\t\t\t}}\n\t\t\t\t\topen={openMapper}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t\t\tcloseDialog?.();\n\t\t\t\t\t}}\n\t\t\t\t\theadingTitle={template?.label}\n\t\t\t\t\theadingSubtitle={\n\t\t\t\t\t\tchannel === CHANNEL_TYPE.WHATSAPP || isRCSChannel(channel)\n\t\t\t\t\t\t\t? `${StringUtils.capitaliseFirstLetterOfString(\n\t\t\t\t\t\t\t\t\ttemplate?.category ?? '',\n\t\t\t\t\t\t\t  )} • ${(template as WhatsAppTemplate)?.templateCategory ?? ''}`\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\tif (templateAnalytics?.show) {\n\t\t\t\t\t\t\tsetShowWarningModal(true);\n\t\t\t\t\t\t\tsetOpenMapper(false);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBackPress?.();\n\t\t\t\t\t}}\n\t\t\t\t\tmodalHeaderStyles={{\n\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TemplateSelectModalContent\n\t\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t\tshowVariableMapping={showVariableMapping}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\t\tvariableListForImage={\n\t\t\t\t\t\t\tvariableListForImage && variableListForImage?.length > 0\n\t\t\t\t\t\t\t\t? variableListForImage\n\t\t\t\t\t\t\t\t: variableList\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfileName={fileName}\n\t\t\t\t\t\tsetFileName={(file) => {\n\t\t\t\t\t\t\tsetFileName?.(file);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t\t/>\n\t\t\t\t\t{onTemplateSelect ? (\n\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel ?? false}\n\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\tfooterButtonText={footerButtonText}\n\t\t\t\t\t\t\tfooterInfoText={footerInfoText}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</TemplateModalContext.Provider>\n\t);\n};\n"],"names":["TemplateContextMapper","props","selectedTemplate","closeDialog","showVariableMapping","channel","htmlContent","templateVariables","onTemplateSelect","globalPlaceholders","showOnlyContent","whatsappSpecificPickerMeta","zIndex","showVariableModal","variableListFromProps","discountCode","setDiscountCode","onBackPress","enabledCustomText","variableListForImage","showSampleValues","disableEditVariable","pod","extras","pickerConf","selectedCarouselProducts","disableEditExpiry","cardWidth","onDeleteSelectedProducts","fileName","setFileName","hideDeviceContainerInPreview","maxCharLimit","onDefaultVariableSelect","skipDefaultVariableContent","disableDatePicker","disableCopyCode","initialExpiryDateTime","showDiscountCodeExpiryInfo","footerButtonText","footerInfoText","templateAnalytics","useEffect","setDisplayContent","cardIndex","determineCardIndex","isWhatsappCarousel","isItCarousal","isProductCarouselType","device","setDevice","useState","CHANNEL_TYPE","showVariablePicker","setShowVariablePicker","display_content","isError","setIsError","errorIndexes","setErrorIndexes","templateErrorIndexes","setTemplateErrorIndexes","template","setTemplate","cardImages","setCardImages","variableCallback","setVariableCallback","hasUpdateOriginalTemplate","setHasUpdateOriginalTemplate","originalVariableList","setOriginalVariableList","templateSelectionTriggered","setTemplateSelectionTriggered","selectedCarouselIndex","setSelectedCarouselIndex","carouselProducts","setCarouselProducts","variableList","setVariableList","sliderRef","useRef","isCarouselHovered","setIsCarouselHovered","hideCrossButton","setHideCrossButton","hideFooterButton","setHideFooterButton","showWarningModal","setShowWarningModal","openMapper","setOpenMapper","ctaOptionsErrors","setCtaOptionsErrors","carouselBodyError","setCarouselBodyError","cards","images","card","comp","getProductCarouselBodyError","carouselTemplate","products","idx","cardBodyText","c","bodyMapping","PRODUCT_VAR_TO_FIELD","product","resolvedText","i","varPlaceholder","productField","value","onSelect","POD","bodyErr","error","globalNormalizedPlaceholders","useMemo","convertPlaceholdersToBikDropdown","cloneDeep","TEMPLATE_QUALITY","jsxDEV","TemplateAnalyticsComponent","StringUtils","this","TemplateModalContext","TemplateSelectModalContent","StyledModal","isRCSChannel","COLORS","file","Footer","Fragment"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("react"),m=require("../../checkBox/CheckBox.js"),l=require("../../input/Input.js"),c=require("../../TypographyStyle.js"),d=a=>{const{backTrackMessage:t,setBackTrackMessage:n}=a,[o,s]=i.useState(!!t);return e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"},children:[e.jsxDEV(m.CheckBox,{isChecked:o,onValueChange:()=>{o&&n&&n(""),s(!o)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:26,columnNumber:6},void 0),e.jsxDEV(c.TitleSmall,{style:{marginLeft:8},children:"Prevent BackTracking"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:35,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:16,columnNumber:5},void 0),o&&e.jsxDEV("div",{style:{margin:10},children:e.jsxDEV(l.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:r=>{n&&n(r)},height:"120px",maxCharLimit:1024,value:t,noErrorHint:!0,validate:r=>[!0,""]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:41,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:14,columnNumber:3},void 0)};exports.BackTrackComponent=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("react"),m=require("../../checkBox/CheckBox.js"),i=require("../../input/Input.js"),l=require("../../TypographyStyle.js"),p=a=>{const{backTrackMessage:r,setBackTrackMessage:t}=a,[n,c]=s.useState(!!r);return e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"},children:[e.jsxDEV(m.CheckBox,{isChecked:n,onValueChange:()=>{n&&t&&t(""),c(!n)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:26,columnNumber:6},void 0),e.jsxDEV(l.TitleSmall,{style:{marginLeft:8},children:"Prevent BackTracking"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:35,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:16,columnNumber:5},void 0),n&&e.jsxDEV("div",{style:{margin:10},children:e.jsxDEV(i.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:o=>{t&&t(o)},height:"120px",maxCharLimit:1024,value:r,noErrorHint:!0,validate:o=>[!0,""]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:41,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",lineNumber:14,columnNumber:3},void 0)};exports.BackTrackComponent=p;
 //# sourceMappingURL=BackTrackComponent.js.map