@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.3

package/dist/cjs/components/product-picker-v2/variantComponents.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=({selectedVariants:r})=>e.jsx(a.Droppable,{droppableId:"droppable-horizontal",children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:Object.assign(Object.assign({},s.droppableProps.style),{display:"flex"}),children:[e.jsx(a.Droppable,{droppableId:"droppable-vertical",direction:"horizontal",children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:Object.assign(Object.assign({},s.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[r.map((r,s)=>e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:s,children:(a,s)=>e.jsxs("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:r}),a.placeholder]}))},`${r.productId}-${r.variantId}`)),s.placeholder]}))}),s.placeholder]}))}),exports.VariantsList=({selectedVariants:d,setSelectedVariants:i,selectedCollectionsDispatch:n,outOfStockAction:l})=>{const[o,p]=r.useState(-1);function c(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(a.Droppable,{droppableId:"droppable-list",children:(r,b)=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:d.length<8?"550px":"100%",overflow:"auto"},r.droppableProps.style),children:[d.map((r,b)=>e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:b===o?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>p(b),onMouseLeave:()=>p(-1),children:e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:b,children:(a,s)=>e.jsx("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{style:c(Object.assign(Object.assign({},a.draggableProps.style),a.draggableSnapshot)),children:e.jsx(t.VariantCardListView,{data:r,selectedCollectionsDispatch:n,onDelete:()=>{const e=d.slice();e[b].displayOrder=null,e.splice(b,1),i(e)},outOfStockAction:l},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`)),r.placeholder&&b.isDraggingOver?e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px"},children:r.placeholder}):null]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=r=>{let{selectedVariants:s}=r;return e.jsx(a.Droppable,{droppableId:"droppable-horizontal",children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex"}),children:[e.jsx(a.Droppable,{droppableId:"droppable-vertical",direction:"horizontal",children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[s.map(((r,s)=>e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:s,children:(a,s)=>e.jsxs("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:r}),a.placeholder]}))},`${r.productId}-${r.variantId}`))),r.placeholder]}))}),r.placeholder]}))})},exports.VariantsList=d=>{let{selectedVariants:i,setSelectedVariants:l,selectedCollectionsDispatch:n,outOfStockAction:o}=d;const[p,c]=r.useState(-1);function b(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(a.Droppable,{droppableId:"droppable-list",children:(r,d)=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:i.length<8?"550px":"100%",overflow:"auto"},r.droppableProps.style),children:[i.map(((r,d)=>e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:d===p?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>c(d),onMouseLeave:()=>c(-1),children:e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:d,children:(a,s)=>e.jsx("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{style:b(Object.assign(Object.assign({},a.draggableProps.style),a.draggableSnapshot)),children:e.jsx(t.VariantCardListView,{data:r,selectedCollectionsDispatch:n,onDelete:()=>{const e=i.slice();e[d].displayOrder=null,e.splice(d,1),l(e)},outOfStockAction:o},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),r.placeholder&&d.isDraggingOver?e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px"},children:r.placeholder}):null]}))})};

package/dist/cjs/components/progress-bar/CircularProgressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=({percentage:r,width:s=200,containerStyle:o})=>{const i=r<0?0:r>100?100:r,n=s/2-s/10,c=n*Math.PI*2,l=c-c*i/100,a=s/10,d=s/3;return e.jsx("div",{style:o,children:e.jsxs("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,style:{stroke:"url(#gradientStroke)",strokeDasharray:c,strokeDashoffset:l},transform:`rotate(-90 ${s/2} ${s/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:s/2-d/2,width:d})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=r=>{let{percentage:s,width:o=200,containerStyle:i}=r;const n=s<0?0:s>100?100:s,c=o/2-o/10,l=c*Math.PI*2,a=l-l*n/100,d=o/10,f=o/3;return e.jsx("div",{style:i,children:e.jsxs("svg",{width:o,height:o,viewBox:`0 0 ${o} ${o}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,strokeDashoffset:a},transform:`rotate(-90 ${o/2} ${o/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:o/2-f/2,width:f})]})})};

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
-	width: 100%;
+	flex: 50%;
 	.progress-bar {
 		background: ${e=>e.color};
 	}

package/dist/cjs/components/radioButton/RadioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo(()=>(null==s?void 0:s.activeColor)||t.COLORS.background.positive.vibrant,[s.activeColor]),a=i.useMemo(()=>s.isDisabled?t.COLORS.content.inactive:s.isActive?l:t.COLORS.content.primary,[s.isDisabled,s.isActive,l]);return e.jsxs("svg",{width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:a,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?t.COLORS.content.inactive:l})]})};exports.RadioButton=o=>{const[r,c]=i.useState(o.isActive||!1),[n,d]=i.useState(!1),[S,x]=i.useState(!1);i.useEffect(()=>{c(o.isActive)},[o.isActive]);return e.jsxs(s.RadioButtonContainer,{onClick:()=>{var e;if(!o.skipSelectingOff&&!o.isDisabled){const i=!r;c(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!o.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>x(!o.skipHoverState),onMouseUp:()=>x(!1),style:o.caption?{alignItems:"flex-start"}:{},children:[e.jsx(s.RadioButtonIcon,{checked:r,hovered:n,clicked:S,isDisabled:o.isDisabled||!1,size:o.size,style:o.caption?{margin:"2px 0"}:{},children:e.jsx(a,{isSmall:"SMALL"===o.size,isActive:r,isDisabled:o.isDisabled||!1,activeColor:o.activeColor})}),e.jsxs("div",{children:[o.label?o.boldOnChecked&&r||o.alwaysBold?e.jsx(l.TitleSmall,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"SMALL"===o.size?e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"MEDIUM"===o.labelSize?e.jsx(l.BodySecondary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(l.BodyPrimary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(e.Fragment,{}),o.caption&&e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.secondary,children:o.caption})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo((()=>(null==s?void 0:s.activeColor)||t.COLORS.background.positive.vibrant),[s.activeColor]),a=i.useMemo((()=>s.isDisabled?t.COLORS.content.inactive:s.isActive?l:t.COLORS.content.primary),[s.isDisabled,s.isActive,l]);return e.jsxs("svg",{width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:a,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?t.COLORS.content.inactive:l})]})};exports.RadioButton=o=>{const[r,c]=i.useState(o.isActive||!1),[n,d]=i.useState(!1),[S,x]=i.useState(!1);i.useEffect((()=>{c(o.isActive)}),[o.isActive]);return e.jsxs(s.RadioButtonContainer,{onClick:()=>{var e;if(!o.skipSelectingOff&&!o.isDisabled){const i=!r;c(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!o.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>x(!o.skipHoverState),onMouseUp:()=>x(!1),style:o.caption?{alignItems:"flex-start"}:{},children:[e.jsx(s.RadioButtonIcon,{checked:r,hovered:n,clicked:S,isDisabled:o.isDisabled||!1,size:o.size,style:o.caption?{margin:"2px 0"}:{},children:e.jsx(a,{isSmall:"SMALL"===o.size,isActive:r,isDisabled:o.isDisabled||!1,activeColor:o.activeColor})}),e.jsxs("div",{children:[o.label?o.boldOnChecked&&r||o.alwaysBold?e.jsx(l.TitleSmall,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"SMALL"===o.size?e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"MEDIUM"===o.labelSize?e.jsx(l.BodySecondary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(l.BodyPrimary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(e.Fragment,{}),o.caption&&e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.secondary,children:o.caption})]})]})};

package/dist/cjs/components/radioList/RadioList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../radioButton/RadioButton.js"),i=require("./RadioList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.RadioList=a=>{var n;const[o,c]=t.useState(a.listItems);t.useEffect(()=>{c(a.listItems)},[a.listItems]);const d=(e,t)=>{let s;const i=[...o];i.forEach(i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e}),c(i),a.onChange(s)};return e.jsxs(i.RadioListStyled,{children:[(a.title||a.subTitle)&&e.jsxs("div",{className:"title__container",children:[a.title&&e.jsx(r.TitleRegular,{children:a.title}),a.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:a.subTitle})]}),e.jsx("div",{style:null!==(n=a.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:o.map(t=>e.jsx(s.RadioButton,Object.assign({},t,{onValueChange:d,boldOnChecked:a.boldOnChecked}),t.value))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../radioButton/RadioButton.js"),i=require("./RadioList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.RadioList=a=>{var n;const[o,c]=t.useState(a.listItems);t.useEffect((()=>{c(a.listItems)}),[a.listItems]);const d=(e,t)=>{let s;const i=[...o];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),c(i),a.onChange(s)};return e.jsxs(i.RadioListStyled,{children:[(a.title||a.subTitle)&&e.jsxs("div",{className:"title__container",children:[a.title&&e.jsx(r.TitleRegular,{children:a.title}),a.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:a.subTitle})]}),e.jsx("div",{style:null!==(n=a.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:o.map((t=>e.jsx(s.RadioButton,Object.assign({},t,{onValueChange:d,boldOnChecked:a.boldOnChecked}),t.value)))})]})};

package/dist/cjs/components/resizeImage/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../../utils/resizeImage.js");exports.ResizableImage=({imageUrl:s,targetSize:m,alt:a,style:h})=>{const[u,c]=r.useState("");return r.useEffect(()=>{i.resizeImage(s,m).then(e=>{c(e)}).catch(e=>{c(s)})},[s,m]),u?e.jsx("img",{alt:a,src:u,height:m,width:m,style:h}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${m}px`,width:`${m}px`}]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../../utils/resizeImage.js");exports.ResizableImage=s=>{let{imageUrl:m,targetSize:a,alt:h,style:u}=s;const[l,c]=r.useState("");return r.useEffect((()=>{i.resizeImage(m,a).then((e=>{c(e)})).catch((e=>{c(m)}))}),[m,a]),l?e.jsx("img",{alt:h,src:l,height:a,width:a,style:u}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${a}px`,width:`${a}px`}]})};

package/dist/cjs/components/searchBar/searchBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect(()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")},[n.searchValue]),s.useEffect(()=>{x(h?"active":o?"none":"disabled")},[o,h]),s.useEffect(()=>{n.reset&&I()},[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{"data-test":n["data-test"],id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect((()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")}),[n.searchValue]),s.useEffect((()=>{x(h?"active":o?"none":"disabled")}),[o,h]),s.useEffect((()=>{n.reset&&I()}),[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{"data-test":n["data-test"],id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{isBrand:i.isBrand,direction:i.direction,gap:i.gap,children:i.boxes.map((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},i))});exports.BikShimmer=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{isBrand:i.isBrand,direction:i.direction,gap:i.gap,children:i.boxes.map(((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},i)))});exports.BikShimmer=i,exports.default=i;

package/dist/cjs/components/shimmer-image/ShimmerImage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.ShimmerImage=({imageUrl:s,width:a,height:o,borderRadius:l,alt:n,useDynamicInfoImageSize:c,defaultImageUrl:m=r,imagePreviewStyles:d})=>{const[u,g]=t.useState(!0),[h,b]=t.useState(!1);return t.useEffect(()=>{const e=new Image;return e.src=s,e.onload=()=>{b(!1),g(!1)},e.onerror=()=>{b(!0),g(!1)},()=>{e.onload=null,e.onerror=null}},[s]),e.jsxs("div",{style:Object.assign(Object.assign({position:"relative",width:c?`min(100%, ${a}px)`:a},c?{aspectRatio:1}:{height:o}),{borderRadius:l}),children:[u&&e.jsx(i.BikShimmer,{boxes:[{height:`${o}px`,width:`${a}px`,marginTop:"0px"}]}),h?e.jsx("img",{src:m,alt:null!=n?n:"Image",style:{borderRadius:null!=l?l:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:s,alt:null!=n?n:"Image",style:Object.assign({borderRadius:null!=l?l:0,display:u?"none":"block",width:"100%",height:"100%",objectFit:"cover"},d)})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.ShimmerImage=s=>{let{imageUrl:a,width:o,height:l,borderRadius:n,alt:c,useDynamicInfoImageSize:m,defaultImageUrl:d=r,imagePreviewStyles:u}=s;const[g,h]=t.useState(!0),[b,p]=t.useState(!1);return t.useEffect((()=>{const e=new Image;return e.src=a,e.onload=()=>{p(!1),h(!1)},e.onerror=()=>{p(!0),h(!1)},()=>{e.onload=null,e.onerror=null}}),[a]),e.jsxs("div",{style:Object.assign(Object.assign({position:"relative",width:m?`min(100%, ${o}px)`:o},m?{aspectRatio:1}:{height:l}),{borderRadius:n}),children:[g&&e.jsx(i.BikShimmer,{boxes:[{height:`${l}px`,width:`${o}px`,marginTop:"0px"}]}),b?e.jsx("img",{src:d,alt:null!=c?c:"Image",style:{borderRadius:null!=n?n:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:a,alt:null!=c?c:"Image",style:Object.assign({borderRadius:null!=n?n:0,display:g?"none":"block",width:"100%",height:"100%",objectFit:"cover"},u)})]})};

package/dist/cjs/components/side-modal/SideModal.style.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const d=r.default.div`
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -9,14 +9,14 @@
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-`,n=d.default.div`
+`,n=r.default.div`
 	height: 100%;
 	width: ${e=>e.width||"566px"};
 	background: ${t.COLORS.surface.standard};
 	position: relative;
 	display: flex;
 	flex-direction: column;
-`,a=d.default.div`
+`,a=r.default.div`
 	width: 100%;
 	height: 60px;
 	position: sticky;
@@ -33,17 +33,17 @@
 		background: ${t.COLORS.background.base};
 		border-radius: 4px;
 	}
-	${({headerStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,s=d.default.div`
+	${t=>{let{headerStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,s=r.default.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${({bodyStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,p=d.default.div`
+	${t=>{let{bodyStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,p=r.default.div`
 	height: 60px;
 	width: 100%;
 	position: sticky;
@@ -55,11 +55,11 @@
 	background: ${t.COLORS.surface.standard};
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	padding: 0px 24px;
-	${({footerStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,l=d.default.div`
+	${t=>{let{footerStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,l=r.default.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};
 	gap: 8px;
-`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=r;
+`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=d;

package/dist/cjs/components/slider/slider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=({min:n=0,max:r=100,defaultValue:o,onChange:s,step:i=1,disabled:l=!1})=>{const u=void 0!==o?o:n,[c,b]=t.useState(u),[d,h]=t.useState(!1),[p,x]=t.useState(!1),[g,m]=t.useState(!1),f=t.useRef(null),v=t.useRef(null),w=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(l);t.useEffect(()=>{b(void 0!==o?o:n)},[o,n]);const k=t.useCallback(e=>{if(!f.current)return n;const t=f.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),o=n+a*(r-n),s=Math.round(o/i)*i;return Math.max(n,Math.min(r,s))},[n,r,i]),j=t.useCallback(e=>{if(l)return;e.preventDefault(),h(!0),m(!0);const t=k(e.clientX);b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[l,k,s]),O=t.useCallback(e=>{if(!d||l)return;const t=k(e.clientX);b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[d,l,k,s]),C=t.useCallback(()=>{h(!1),m(!1)},[]),L=t.useCallback(e=>{if(l)return;let t=c;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(n,c-i);break;case"ArrowRight":case"ArrowUp":t=Math.min(r,c+i);break;case"Home":t=n;break;case"End":t=r;break;default:return}e.preventDefault(),b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[l,c,n,r,i,s]);t.useEffect(()=>{if(d)return document.addEventListener("mousemove",O),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",C)}},[d,O,C]);const E=(c-n)/(r-n)*100,M=isNaN(E)?0:Math.max(0,Math.min(100,E));return e.jsxs("div",{ref:f,style:w.container,onMouseDown:j,role:"slider","aria-label":"bik slider","aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":c,tabIndex:l?-1:0,onKeyDown:L,children:[e.jsx("div",{style:w.track}),e.jsx("div",{style:Object.assign(Object.assign({},w.filledTrack),{width:`${M}%`})}),e.jsx("div",{ref:v,style:(()=>{const e=Object.assign({},w.thumb);return l?Object.assign(Object.assign({},e),w.thumbDisabled):(d?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):p&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${M}%`,e)})(),onMouseEnter:()=>!l&&x(!0),onMouseLeave:()=>!l&&x(!1),onFocus:()=>!l&&m(!0),onBlur:()=>!l&&m(!1),children:e.jsx("div",{style:(()=>{const e=Object.assign({},w.valueLabel);return g||p?Object.assign(Object.assign({},e),w.valueLabelVisible):e})(),children:e.jsx("span",{style:w.valueLabelText,children:c})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=n=>{let{min:r=0,max:o=100,defaultValue:s,onChange:i,step:l=1,disabled:u=!1}=n;const c=void 0!==s?s:r,[b,d]=t.useState(c),[h,p]=t.useState(!1),[x,g]=t.useState(!1),[m,f]=t.useState(!1),v=t.useRef(null),w=t.useRef(null),k=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(u);t.useEffect((()=>{d(void 0!==s?s:r)}),[s,r]);const j=t.useCallback((e=>{if(!v.current)return r;const t=v.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),n=r+a*(o-r),s=Math.round(n/l)*l;return Math.max(r,Math.min(o,s))}),[r,o,l]),O=t.useCallback((e=>{if(u)return;e.preventDefault(),p(!0),f(!0);const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,j,i]),C=t.useCallback((e=>{if(!h||u)return;const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[h,u,j,i]),L=t.useCallback((()=>{p(!1),f(!1)}),[]),E=t.useCallback((e=>{if(u)return;let t=b;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(r,b-l);break;case"ArrowRight":case"ArrowUp":t=Math.min(o,b+l);break;case"Home":t=r;break;case"End":t=o;break;default:return}e.preventDefault(),d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,b,r,o,l,i]);t.useEffect((()=>{if(h)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",L),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",L)}}),[h,C,L]);const M=(b-r)/(o-r)*100,y=isNaN(M)?0:Math.max(0,Math.min(100,M));return e.jsxs("div",{ref:v,style:k.container,onMouseDown:O,role:"slider","aria-label":"bik slider","aria-valuemin":r,"aria-valuemax":o,"aria-valuenow":b,tabIndex:u?-1:0,onKeyDown:E,children:[e.jsx("div",{style:k.track}),e.jsx("div",{style:Object.assign(Object.assign({},k.filledTrack),{width:`${y}%`})}),e.jsx("div",{ref:w,style:(()=>{const e=Object.assign({},k.thumb);return u?Object.assign(Object.assign({},e),k.thumbDisabled):(h?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):x&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${y}%`,e)})(),onMouseEnter:()=>!u&&g(!0),onMouseLeave:()=>!u&&g(!1),onFocus:()=>!u&&f(!0),onBlur:()=>!u&&f(!1),children:e.jsx("div",{style:(()=>{const e=Object.assign({},k.valueLabel);return m||x?Object.assign(Object.assign({},e),k.valueLabelVisible):e})(),children:e.jsx("span",{style:k.valueLabelText,children:b})})})]})};

package/dist/cjs/components/spinner/Spinner.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),o=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);const s=({size:r,color:i,className:n})=>e.jsx("div",{className:`spinner-container ${n}`,children:e.jsx(a,{width:`${o.SizeMap[r]}px`,height:`${o.SizeMap[r]}px`,size:r,color:null!=i?i:t.COLORS.stroke.brand})});s.displayName="Spinner";const a=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),o=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);const s=r=>{let{size:i,color:n,className:s}=r;return e.jsx("div",{className:`spinner-container ${s}`,children:e.jsx(a,{width:`${o.SizeMap[i]}px`,height:`${o.SizeMap[i]}px`,size:i,color:null!=n?n:t.COLORS.stroke.brand})})};s.displayName="Spinner";const a=n.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: ${e=>e.size?o.BorderMap[e.size]:5}px solid

package/dist/cjs/components/star-rating/Star.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=({size:l,filled:i,emptyColor:a,filledColor:c,onClick:d,asHovered:f,onHover:v,mode:E,version:g="v1"})=>{const[h,j]=t.useState(!1);t.useEffect(()=>{null==v||v(h)},[h]),t.useEffect(()=>{f||j(!1)},[f]);const C=u.default.useMemo(()=>(e=>"v1"===e?o.default:n.default)(g),[g]);return f?e.jsx(C,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),style:{cursor:"pointer"},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):h?e.jsx(C,{onMouseLeave:()=>j(!1),onMouseEnter:()=>j(!0),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):i?e.jsx(C,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("de-select"))},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("select"))},width:l,height:l,color:null!=a?a:r.COLORS.surface.standard})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=l=>{let{size:i,filled:a,emptyColor:c,filledColor:d,onClick:f,asHovered:v,onHover:E,mode:g,version:h="v1"}=l;const[j,C]=t.useState(!1);t.useEffect((()=>{null==E||E(j)}),[j]),t.useEffect((()=>{v||C(!1)}),[v]);const p=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(h)),[h]);return v?e.jsx(p,{onClick:()=>{null==f||f("select")},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):j?e.jsx(p,{onMouseLeave:()=>C(!1),onMouseEnter:()=>C(!0),style:{cursor:"pointer"},onClick:()=>{null==f||f("select")},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):a?e.jsx(p,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("de-select"))},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("select"))},width:i,height:i,color:null!=c?c:r.COLORS.surface.standard})};

package/dist/cjs/components/star-rating/StarRating.js

@@ -4,4 +4,4 @@
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`;exports.StarRating=({emptyColor:r,filledColor:o,onChange:i,value:n,maxValue:a,starSize:u,mode:d,version:c="v1"})=>{const[f,p]=t.useState(null!=n?n:0),[m,v]=t.useState(!1),[x,y]=t.useState(0),j=t.useMemo(()=>Array(null!=a?a:5).fill(null).map((e,t)=>t+1),[a]);return t.useEffect(()=>{m&&i(f)},[f]),t.useEffect(()=>{v(!0)},[]),e.jsx(s,{children:j.map(t=>e.jsx(l.Star,{asHovered:!!x&&t<=x,size:null!=u?u:24,filled:x?void 0:t<=f,emptyColor:r,filledColor:o,onClick:e=>{p("de-select"===e?t<f?t:t-1:t)},onHover:e=>{y(e?t:0)},mode:d,version:c},t))})};
+`;exports.StarRating=r=>{let{emptyColor:o,filledColor:i,onChange:n,value:a,maxValue:u,starSize:d,mode:c,version:f="v1"}=r;const[p,m]=t.useState(null!=a?a:0),[v,x]=t.useState(!1),[y,j]=t.useState(0),S=t.useMemo((()=>Array(null!=u?u:5).fill(null).map(((e,t)=>t+1))),[u]);return t.useEffect((()=>{v&&n(p)}),[p]),t.useEffect((()=>{x(!0)}),[]),e.jsx(s,{children:S.map((t=>e.jsx(l.Star,{asHovered:!!y&&t<=y,size:null!=d?d:24,filled:y?void 0:t<=p,emptyColor:o,filledColor:i,onClick:e=>{m("de-select"===e?t<p?t:t-1:t)},onHover:e=>{j(e?t:0)},mode:c,version:f},t)))})};

package/dist/cjs/components/states/ShopifyScopeWrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback(()=>n.permissions.join("-")+"-hasPermission",[n.permissions]),h=s.useCallback(()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t},[d]),m=s.useCallback(e=>{const t=d();localStorage.setItem(t,e.toString())},[d]),f=s.useCallback(()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()},[n,u]);return s.useEffect(()=>{e.__awaiter(void 0,void 0,void 0,function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)}).then().catch()},[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback((()=>n.permissions.join("-")+"-hasPermission"),[n.permissions]),h=s.useCallback((()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t}),[d]),m=s.useCallback((e=>{const t=d();localStorage.setItem(t,e.toString())}),[d]),f=s.useCallback((()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()}),[n,u]);return s.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)})).then().catch()}),[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const o=o=>{const{eachStep:c,isLastElement:a,index:l,isActive:d,onClickingStep:p,hideHoverState:h}=o,{stepName:v,isCompleted:u,isError:S,isInActive:j}=c,x=()=>d?"active":u?"completed":S?"error":j?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,{stepsCount:o.stepsCount,onClick:()=>{!j&&p(c)},selectedState:x(),isInActive:j||h,children:[e.jsxs("div",{className:`hover-container ${j?"blocked":"pointer"} `,children:[e.jsx("div",{className:"badge",children:"completed"==x()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==x()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,{className:"badge-text",children:l+1})}),e.jsx(r.BodyPrimary,{className:"step-text",title:v,children:v})]}),e.jsx("div",{className:a?"":"horizontal-divider"})]})};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r,hideHoverState:c}=t;return e.jsx(n.StepperContainer,{children:s.map((t,n)=>e.jsx(o,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n,hideHoverState:c},n))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const o=o=>{const{eachStep:c,isLastElement:a,index:l,isActive:d,onClickingStep:p,hideHoverState:h}=o,{stepName:v,isCompleted:u,isError:S,isInActive:j}=c,x=()=>d?"active":u?"completed":S?"error":j?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,{stepsCount:o.stepsCount,onClick:()=>{!j&&p(c)},selectedState:x(),isInActive:j||h,children:[e.jsxs("div",{className:`hover-container ${j?"blocked":"pointer"} `,children:[e.jsx("div",{className:"badge",children:"completed"==x()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==x()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,{className:"badge-text",children:l+1})}),e.jsx(r.BodyPrimary,{className:"step-text",title:v,children:v})]}),e.jsx("div",{className:a?"":"horizontal-divider"})]})};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r,hideHoverState:c}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(o,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n,hideHoverState:c},n)))})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),l=require("../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(o);const n=t.forwardRef(({customThumbColor:o,trackColor:a,trackHeight:i,trackLength:n,disabled:c,value:p,onValueChange:b,duration:f,containerStyle:g,type:v,isLoading:h,"data-test":x})=>{var k,m,y,C;const{colorsV2:w}=l.DEFAULT_THEME,[$,j]=t.useState(p),[L,S]=t.useState(null!=h&&h),_=null!=f?f:200;t.useEffect(()=>{"boolean"==typeof h&&S(h)},[h]),t.useEffect(()=>{j(p)},[p]);const q=c?{false:w.background.inactive,true:w.background.inactive}:{false:(null!==(k=null==a?void 0:a.false)&&void 0!==k?k:"greenred"===v)?w.background.negative.light:w.background.base,true:(null!==(m=null==a?void 0:a.true)&&void 0!==m?m:"greenred"===v)?w.background.positive.vibrant:w.background.brand},E={false:"greenred"===v?w.stroke.negative.lightAlt:w.stroke.primary,true:"greenred"===v?w.background.positive.vibrant:w.background.brand},O=c?{false:w.content.inactive,true:w.content.inactive}:{false:(null!==(y=null==o?void 0:o.false)&&void 0!==y?y:"greenred"===v)?w.content.negative:w.text.primary,true:null!==(C=null==o?void 0:o.true)&&void 0!==C?C:w.surface.standard},T=v?{false:"greenred"===v?w.stroke.negative.lightAlt:w.stroke.primary,true:"greenred"===v?w.stroke.positive.lightAlt:w.background.brandLight}:{false:w.stroke.primary,true:w.stroke.primary};return r.jsx(r.Fragment,{children:r.jsx(u,{"data-test":x,trackLength:null!=n?n:40,trackHeight:null!=i?i:20,onClick:()=>function(){return e.__awaiter(this,void 0,void 0,function*(){if(!c){"boolean"!=typeof h&&S(!0);try{yield null==b?void 0:b(!$),j(!$)}catch(e){console.log(e)}"boolean"!=typeof h&&S(!1)}})}(),trackColor:q,value:$,style:g,borderColor:E,duration:_,disabled:c,outlineColor:T,children:L?r.jsx(s,{value:$,trackColor:q}):r.jsx(d,{value:$,duration:_,thumbColor:O})})})});n.displayName="Switch";const u=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),l=require("../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(o);const n=t.forwardRef((o=>{let{customThumbColor:a,trackColor:i,trackHeight:n,trackLength:c,disabled:p,value:b,onValueChange:f,duration:g,containerStyle:v,type:h,isLoading:x,"data-test":k}=o;var m,y,C,w;const{colorsV2:$}=l.DEFAULT_THEME,[j,L]=t.useState(b),[S,_]=t.useState(null!=x&&x),q=null!=g?g:200;t.useEffect((()=>{"boolean"==typeof x&&_(x)}),[x]),t.useEffect((()=>{L(b)}),[b]);const E=p?{false:$.background.inactive,true:$.background.inactive}:{false:(null!==(m=null==i?void 0:i.false)&&void 0!==m?m:"greenred"===h)?$.background.negative.light:$.background.base,true:(null!==(y=null==i?void 0:i.true)&&void 0!==y?y:"greenred"===h)?$.background.positive.vibrant:$.background.brand},O={false:"greenred"===h?$.stroke.negative.lightAlt:$.stroke.primary,true:"greenred"===h?$.background.positive.vibrant:$.background.brand},T=p?{false:$.content.inactive,true:$.content.inactive}:{false:(null!==(C=null==a?void 0:a.false)&&void 0!==C?C:"greenred"===h)?$.content.negative:$.text.primary,true:null!==(w=null==a?void 0:a.true)&&void 0!==w?w:$.surface.standard},A=h?{false:"greenred"===h?$.stroke.negative.lightAlt:$.stroke.primary,true:"greenred"===h?$.stroke.positive.lightAlt:$.background.brandLight}:{false:$.stroke.primary,true:$.stroke.primary};return r.jsx(r.Fragment,{children:r.jsx(u,{"data-test":k,trackLength:null!=c?c:40,trackHeight:null!=n?n:20,onClick:()=>function(){return e.__awaiter(this,void 0,void 0,(function*(){if(!p){"boolean"!=typeof x&&_(!0);try{yield null==f?void 0:f(!j),L(!j)}catch(e){console.log(e)}"boolean"!=typeof x&&_(!1)}}))}(),trackColor:E,value:j,style:v,borderColor:O,duration:q,disabled:p,outlineColor:A,children:S?r.jsx(s,{value:j,trackColor:E}):r.jsx(d,{value:j,duration:q,thumbColor:T})})})}));n.displayName="Switch";const u=i.default.div`
 	display: flex;
 	flex-direction: row;
 	margin-top: 5px;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),a=require("../tag/Tag.js"),n=require("./Tabs.styles.js");const s=a=>{var s,l;const{tabs:i,initialTab:d,onTabSelected:c,TabItemStyledProps:u,selectedTab:b,extendedBorder:T,rightComponent:m,size:x="default",isSquared:p=!1,containerStyles:g}=a,[y,C]=t.useState(d||i[0].key),{colorsV2:j}=r.DEFAULT_THEME;t.useEffect(()=>{b&&b!==y&&C(b)},[b,y]);const v=a.backgroundColor,h=null!==(s=a.selectedTextColor)&&void 0!==s?s:j.background.brand,S=null!==(l=a.textColor)&&void 0!==l?l:j.content.secondary;return e.jsxs(n.TabHeader,{style:null!=g?g:{},bgColor:v,"data-test":a["data-test"],children:[i.map((t,r)=>{var n;return e.jsx(o,{hasEqualSpacing:a.hasEqualSpacing,selectedTextColor:h,textColor:S,tab:t,currentTab:y,TabItemStyledProps:u,IconComponent:t.icon,size:x,setCurrentTab:e=>{C(e),c&&c(e)},isSquared:p,isFirstlement:0==r,isLastElement:r==i.length-1,iconPosition:null!==(n=t.iconPosition)&&void 0!==n?n:"left"},t.key)}),T&&e.jsx(n.EmptyTab,{}),e.jsx(n.RightComponent,{children:m})]})},o=s=>{var o,l;const{tab:i,currentTab:d,setCurrentTab:c,TabItemStyledProps:u,IconComponent:b,iconPosition:T="left",size:m="default",isSquared:x=!1,isFirstlement:p,isLastElement:g}=s,y=i.key===d,{colorsV2:C}=r.DEFAULT_THEME,j=t.useCallback(()=>Object.assign(Object.assign({},u),{borderRadius:s.isSquared?p?"4px 0px 0px 4px":g?"0px 4px 4px 0px":"":""}),[]);return e.jsxs(n.TabItem,{style:j(),selected:y,hasEqualSpacing:s.hasEqualSpacing,onClick:()=>c(s.tab.key),selectedTextColor:s.selectedTextColor,isSquared:x,"data-test":s["data-test"],children:[b&&"left"===T&&e.jsx(b,{selected:y?C.background.brand:C.content.secondary}),void 0!==i.leadingNumber&&null!==i.leadingNumber&&e.jsx(n.TrailingNumberContainer,{selected:y,children:e.jsx(a.Tag,{tagText:null!==(o=null==i?void 0:i.leadingNumber)&&void 0!==o?o:0,theme:"dark",type:i.numberTagType,variant:"circle",color:C.content.primaryInverse})}),e.jsx(n.TabItemText,{style:"small"===m?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:s.textColor,selectedTextColor:s.selectedTextColor,selected:y,children:i.title}),void 0!==i.trailingNumber&&null!==i.trailingNumber&&e.jsx(n.TrailingNumberContainer,{selected:y,children:e.jsx(a.Tag,{tagText:null!==(l=null==i?void 0:i.trailingNumber)&&void 0!==l?l:0,theme:"dark",type:i.numberTagType,variant:"circle",color:C.content.primaryInverse})}),b&&"right"===T&&e.jsx(b,{selected:y?C.background.brand:C.content.secondary})]})};s.displayName="Tabs",o.displayName="TabItemComponent",exports.TabItemComponent=o,exports.Tabs=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),a=require("../tag/Tag.js"),n=require("./Tabs.styles.js");const s=a=>{var s,l;const{tabs:i,initialTab:d,onTabSelected:c,TabItemStyledProps:u,selectedTab:b,extendedBorder:T,rightComponent:m,size:x="default",isSquared:p=!1,containerStyles:g}=a,[y,C]=t.useState(d||i[0].key),{colorsV2:j}=r.DEFAULT_THEME;t.useEffect((()=>{b&&b!==y&&C(b)}),[b,y]);const v=a.backgroundColor,h=null!==(s=a.selectedTextColor)&&void 0!==s?s:j.background.brand,S=null!==(l=a.textColor)&&void 0!==l?l:j.content.secondary;return e.jsxs(n.TabHeader,{style:null!=g?g:{},bgColor:v,"data-test":a["data-test"],children:[i.map(((t,r)=>{var n;return e.jsx(o,{hasEqualSpacing:a.hasEqualSpacing,selectedTextColor:h,textColor:S,tab:t,currentTab:y,TabItemStyledProps:u,IconComponent:t.icon,size:x,setCurrentTab:e=>{C(e),c&&c(e)},isSquared:p,isFirstlement:0==r,isLastElement:r==i.length-1,iconPosition:null!==(n=t.iconPosition)&&void 0!==n?n:"left"},t.key)})),T&&e.jsx(n.EmptyTab,{}),e.jsx(n.RightComponent,{children:m})]})},o=s=>{var o,l;const{tab:i,currentTab:d,setCurrentTab:c,TabItemStyledProps:u,IconComponent:b,iconPosition:T="left",size:m="default",isSquared:x=!1,isFirstlement:p,isLastElement:g}=s,y=i.key===d,{colorsV2:C}=r.DEFAULT_THEME,j=t.useCallback((()=>Object.assign(Object.assign({},u),{borderRadius:s.isSquared?p?"4px 0px 0px 4px":g?"0px 4px 4px 0px":"":""})),[]);return e.jsxs(n.TabItem,{style:j(),selected:y,hasEqualSpacing:s.hasEqualSpacing,onClick:()=>c(s.tab.key),selectedTextColor:s.selectedTextColor,isSquared:x,"data-test":s["data-test"],children:[b&&"left"===T&&e.jsx(b,{selected:y?C.background.brand:C.content.secondary}),void 0!==i.leadingNumber&&null!==i.leadingNumber&&e.jsx(n.TrailingNumberContainer,{selected:y,children:e.jsx(a.Tag,{tagText:null!==(o=null==i?void 0:i.leadingNumber)&&void 0!==o?o:0,theme:"dark",type:i.numberTagType,variant:"circle",color:C.content.primaryInverse})}),e.jsx(n.TabItemText,{style:"small"===m?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:s.textColor,selectedTextColor:s.selectedTextColor,selected:y,children:i.title}),void 0!==i.trailingNumber&&null!==i.trailingNumber&&e.jsx(n.TrailingNumberContainer,{selected:y,children:e.jsx(a.Tag,{tagText:null!==(l=null==i?void 0:i.trailingNumber)&&void 0!==l?l:0,theme:"dark",type:i.numberTagType,variant:"circle",color:C.content.primaryInverse})}),b&&"right"===T&&e.jsx(b,{selected:y?C.background.brand:C.content.secondary})]})};s.displayName="Tabs",o.displayName="TabItemComponent",exports.TabItemComponent=o,exports.Tabs=s;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),t=require("../TypographyStyle.js"),r=require("./model.js"),a=require("./Tag.styled.js"),o=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(i);const s=({tagText:i,LeadingIcon:l,TrailingIcon:s,onLeadingIconClicked:d,leadingIconId:g,trailingIconId:p,onTrailingIconClicked:u,theme:j="light",type:m="neutral",variant:b="regular",version:h,cursor:x,alignIcon:y,noBorder:T,tagHtmlText:O,contentPadding:f,leadingIconTooltip:I,trailingIconTooltip:C,tagColor:w,numberOfLines:v})=>{let N=i;const k=j;let q=m;r.ValidTagTypeMap[b][m]||(q="neutral"),"circle"===b&&"number"==typeof N&&N>99&&(N="99+");const L={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:o.getTagIconColor(j,q),style:{display:"block"}};return e.jsx(a.Tag,{cursor:x,theme:k,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:f,children:e.jsxs("div",{className:"container",children:[l&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",{className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(l,Object.assign(Object.assign({},L),{id:g||"leading-icon"}))})})):e.jsx("button",{className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(l,Object.assign(Object.assign({},L),{id:g||"leading-icon"}))})),O&&("ai"===m&&"light"===j?e.jsx(t.AiBodyCaption,{numberOfLines:v,children:O}):e.jsx(t.BodyCaption,{className:"text",numberOfLines:v,children:O})),!O&&""!==N&&("ai"===m&&"light"===j?e.jsx(t.AiBodyCaption,{numberOfLines:v,children:N}):e.jsx(t.BodyCaption,{className:"text",color:w,numberOfLines:v,children:N})),s&&(C?e.jsx(n.Tooltip,Object.assign({},C,{children:e.jsx("button",{className:"icon-trailing",onClick:u,id:`${p}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},L),{id:p||"trailing-icon"}))})})):e.jsx("button",{className:"icon-trailing",onClick:u,id:`${p}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},L),{id:p||"trailing-icon"}))}))]})})};s.displayName="Tag",exports.Tag=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),t=require("../TypographyStyle.js"),r=require("./model.js"),a=require("./Tag.styled.js"),o=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(i);const s=i=>{let{tagText:l,LeadingIcon:s,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:u,onTrailingIconClicked:j,theme:m="light",type:b="neutral",variant:h="regular",version:x,cursor:y,alignIcon:T,noBorder:O,tagHtmlText:f,contentPadding:I,leadingIconTooltip:C,trailingIconTooltip:w,tagColor:v,numberOfLines:N}=i,k=l;const q=m;let L=b;r.ValidTagTypeMap[h][b]||(L="neutral"),"circle"===h&&"number"==typeof k&&k>99&&(k="99+");const B={height:"compressed"===h?12:16,width:"compressed"===h?12:16,color:o.getTagIconColor(m,L),style:{display:"block"}};return e.jsx(a.Tag,{cursor:y,theme:q,type:b,variant:h,version:x,alignIcon:T,noBorder:O,contentPadding:I,children:e.jsxs("div",{className:"container",children:[s&&(C?e.jsx(n.Tooltip,Object.assign({},C,{children:e.jsx("button",{className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},B),{id:p||"leading-icon"}))})})):e.jsx("button",{className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},B),{id:p||"leading-icon"}))})),f&&("ai"===b&&"light"===m?e.jsx(t.AiBodyCaption,{numberOfLines:N,children:f}):e.jsx(t.BodyCaption,{className:"text",numberOfLines:N,children:f})),!f&&""!==k&&("ai"===b&&"light"===m?e.jsx(t.AiBodyCaption,{numberOfLines:N,children:k}):e.jsx(t.BodyCaption,{className:"text",color:v,numberOfLines:N,children:k})),d&&(w?e.jsx(n.Tooltip,Object.assign({},w,{children:e.jsx("button",{className:"icon-trailing",onClick:j,id:`${u}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(d,Object.assign(Object.assign({},B),{id:u||"trailing-icon"}))})})):e.jsx("button",{className:"icon-trailing",onClick:j,id:`${u}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(d,Object.assign(Object.assign({},B),{id:u||"trailing-icon"}))}))]})})};s.displayName="Tag",exports.Tag=s;

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

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

package/dist/cjs/components/template-context-mapper/custom-hooks/useAdditionalVariables.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.updateVariables=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:s,variableValue:l}=a;if(!e)return e;if(e.some(a=>a.variables&&Object.values(a.variables).some(a=>a.actualValue===l)))return e;const r=e.findIndex(a=>a.displayName===i);if(-1!==r){const a=[...e];return a[r]=Object.assign(Object.assign({},a[r]),{variables:Object.assign(Object.assign({},a[r].variables),{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}})}),a}return[{description:i,displayName:i,orderId:1,variables:{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}}},...e]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.updateVariables=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:s,variableValue:l}=a;if(!e)return e;if(e.some((a=>a.variables&&Object.values(a.variables).some((a=>a.actualValue===l)))))return e;const r=e.findIndex((a=>a.displayName===i));if(-1!==r){const a=[...e];return a[r]=Object.assign(Object.assign({},a[r]),{variables:Object.assign(Object.assign({},a[r].variables),{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}})}),a}return[{description:i,displayName:i,orderId:1,variables:{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}}},...e]};

package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var t=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var i=require("../../template-preview/constants/TemplateConstants.js"),l=require("../../../utils/variableUtils.js");exports.default=()=>{function n(e,t,i,n){const r=t.map((t,r)=>{const u=a(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:r,variableValue:t,type:"string"};const s=function(e,t,i){const n=i&&i.length?i:l.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach((e,i)=>{const l=o(t,`{{${e}}}`);if(l){const{actualValue:e,defaultValue:t}=l,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:i})}}),a}(u?t:i,e);if(s.length>0){const e=s[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:u?e.variableName:t,index:r,variableValue:e.variableVal,type:"string"}}return null}).filter(e=>null!==e);return r}const a=e=>e.includes("{{")&&e.includes("}}"),r=(e,t)=>e&&e.length?e.flatMap((e,i)=>{var n;return a(e)?e.includes("editableVariable")?(null===(n=null==t?void 0:t[i])||void 0===n?void 0:n.value)||e:l.extractVariables(e).map(e=>`{{${e}}}`)||[]:e}):[];const o=(e,t)=>{for(const i of e)for(const e in i.variables){const l=i.variables[e];if(l.actualValue===t||t.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(o,u,s,d){return e.__awaiter(this,void 0,void 0,function*(){var e,b,v,c,p,m,h,f;const L=Object.assign({},o);L.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(L.components);const{components:{title:V,body:g,buttons:w,icon:y,image:_},webpushBroadcastConfig:C}=L;let x={title:r(null!==(e=null==C?void 0:C.title)&&void 0!==e?e:[]),body:r(null!==(b=null==C?void 0:C.body)&&void 0!==b?b:[],null==g?void 0:g.variables),buttonsW:null!==(v=null==C?void 0:C.buttons)&&void 0!==v?v:[]};if(!L.webpushBroadcastConfig){const e=null!==(c=null==g?void 0:g.text)&&void 0!==c?c:"string"==typeof g?g:"",t=w&&(null==w?void 0:w.length)?w.map(e=>(null==e?void 0:e.websiteLink)==i.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink).filter(e=>void 0!==e):[],n=l.extractVariables(e).map((e,t)=>{var i,l;return e.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[t])||void 0===l?void 0:l.value)||e:`{{${e}}}`});x={title:l.extractVariables(V).map(e=>`{{${e}}}`),body:n,buttonsW:[]};const a={title:null!==(p=x.title)&&void 0!==p?p:[],body:null!==(m=x.body)&&void 0!==m?m:[],buttons:t,icon:y?[y]:void 0,image:_?[_]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};L.webpushBroadcastConfig=a}const W=w&&w.length?w.map((e,l)=>({type:t.BUTTON_TYPE.URL,text:null==e?void 0:e.text,url:"https://d.bik.ai/{{1}}",example:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?[""]:[x.buttonsW[l]]:e.redirectionLink?[e.redirectionLink]:void 0,buttonVariable:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?x.buttonsW[l]:i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink?e.websiteLink==i.CUSTOM_URL_PLACEHOLDER?i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink:i.CUSTOM_URL_PLACEHOLDER_VAR,index:l})):[],k={title:n(u,x.title,V,d),body:n(u,x.body,(null==g?void 0:g.text)||"",d),buttons:W};return{templateVariableMapping:{title:(null===(h=null==s?void 0:s.title)||void 0===h?void 0:h.length)?s.title:k.title,body:(null===(f=null==s?void 0:s.body)||void 0===f?void 0:f.length)?s.body:k.body,buttons:k.buttons,icon:[],header:[]},webpushBroadcastConfig:L.webpushBroadcastConfig,template:L}})},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var t=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var i=require("../../template-preview/constants/TemplateConstants.js"),l=require("../../../utils/variableUtils.js");exports.default=()=>{function n(e,t,i,n){const r=t.map(((t,r)=>{const u=a(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:r,variableValue:t,type:"string"};const s=function(e,t,i){const n=i&&i.length?i:l.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach(((e,i)=>{const l=o(t,`{{${e}}}`);if(l){const{actualValue:e,defaultValue:t}=l,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:i})}})),a}(u?t:i,e);if(s.length>0){const e=s[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:u?e.variableName:t,index:r,variableValue:e.variableVal,type:"string"}}return null})).filter((e=>null!==e));return r}const a=e=>e.includes("{{")&&e.includes("}}"),r=(e,t)=>e&&e.length?e.flatMap(((e,i)=>{var n;return a(e)?e.includes("editableVariable")?(null===(n=null==t?void 0:t[i])||void 0===n?void 0:n.value)||e:l.extractVariables(e).map((e=>`{{${e}}}`))||[]:e})):[];const o=(e,t)=>{for(const i of e)for(const e in i.variables){const l=i.variables[e];if(l.actualValue===t||t.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(o,u,s,d){return e.__awaiter(this,void 0,void 0,(function*(){var e,b,v,c,p,m,h,f;const L=Object.assign({},o);L.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(L.components);const{components:{title:V,body:g,buttons:w,icon:y,image:_},webpushBroadcastConfig:C}=L;let x={title:r(null!==(e=null==C?void 0:C.title)&&void 0!==e?e:[]),body:r(null!==(b=null==C?void 0:C.body)&&void 0!==b?b:[],null==g?void 0:g.variables),buttonsW:null!==(v=null==C?void 0:C.buttons)&&void 0!==v?v:[]};if(!L.webpushBroadcastConfig){const e=null!==(c=null==g?void 0:g.text)&&void 0!==c?c:"string"==typeof g?g:"",t=w&&(null==w?void 0:w.length)?w.map((e=>(null==e?void 0:e.websiteLink)==i.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink)).filter((e=>void 0!==e)):[],n=l.extractVariables(e).map(((e,t)=>{var i,l;return e.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[t])||void 0===l?void 0:l.value)||e:`{{${e}}}`}));x={title:l.extractVariables(V).map((e=>`{{${e}}}`)),body:n,buttonsW:[]};const a={title:null!==(p=x.title)&&void 0!==p?p:[],body:null!==(m=x.body)&&void 0!==m?m:[],buttons:t,icon:y?[y]:void 0,image:_?[_]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};L.webpushBroadcastConfig=a}const W=w&&w.length?w.map(((e,l)=>({type:t.BUTTON_TYPE.URL,text:null==e?void 0:e.text,url:"https://d.bik.ai/{{1}}",example:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?[""]:[x.buttonsW[l]]:e.redirectionLink?[e.redirectionLink]:void 0,buttonVariable:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?x.buttonsW[l]:i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink?e.websiteLink==i.CUSTOM_URL_PLACEHOLDER?i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink:i.CUSTOM_URL_PLACEHOLDER_VAR,index:l}))):[],k={title:n(u,x.title,V,d),body:n(u,x.body,(null==g?void 0:g.text)||"",d),buttons:W};return{templateVariableMapping:{title:(null===(h=null==s?void 0:s.title)||void 0===h?void 0:h.length)?s.title:k.title,body:(null===(f=null==s?void 0:s.body)||void 0===f?void 0:f.length)?s.body:k.body,buttons:k.buttons,icon:[],header:[]},webpushBroadcastConfig:L.webpushBroadcastConfig,template:L}}))},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};

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

@@ -17,4 +17,4 @@
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,h=d.default.forwardRef(({display_content:r,showSampleValues:t},s)=>e.jsxs(n,{ref:s,children:[e.jsxs(u,{children:[e.jsx(m,{}),e.jsx(m,{}),e.jsx(m,{})]}),e.jsx("div",{children:r?e.jsx(a.TemplatePreview,{showSampleValues:t,channel:p.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:r,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsx("div",{style:{padding:20},children:e.jsx(i.Spinner,{size:"small"})})})]}));h.displayName="DesktopPreview",exports.default=h;
+`,h=d.default.forwardRef(((r,t)=>{let{display_content:s,showSampleValues:l}=r;return e.jsxs(n,{ref:t,children:[e.jsxs(u,{children:[e.jsx(m,{}),e.jsx(m,{}),e.jsx(m,{})]}),e.jsx("div",{children:s?e.jsx(a.TemplatePreview,{showSampleValues:l,channel:p.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsx("div",{style:{padding:20},children:e.jsx(i.Spinner,{size:"small"})})})]})}));h.displayName="DesktopPreview",exports.default=h;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/PlusIcon.js"),t=require("react"),s=require("../../checkBox/CheckBox.js"),a=require("../../input/Input.js"),i=require("../../TypographyStyle.js"),o=require("../context/templateModalContext.js"),l=require("./VariableConnectorsPanel.js");exports.DiscountCodeComponent=n=>{const{discountCode:d,setDiscountCode:c}=n,[u,x]=t.useState(""),[h,j]=t.useState(!!d),[p,C]=t.useState(!1),{setVariableCallback:f,setShowVariablePicker:v}=o.useTemplateModalContext(),m=t.useRef(),g=t.useRef();t.useEffect(()=>{c&&u&&c(d+u)},[u]);const y=e=>{x(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(s.CheckBox,{isChecked:h,onValueChange:()=>{h&&c&&(c(""),x("")),j(!h)}}),e.jsx(i.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),h&&e.jsxs("div",{ref:m,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{c&&c(e)},value:d,onFocus:()=>{C(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(m.current&&m.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),p&&e.jsx(l.AddVariableStyled,{ref:g,id:"addVar",onClick:e=>{e.stopPropagation(),f(()=>y),v(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(r.default,{width:14,height:14,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/PlusIcon.js"),t=require("react"),s=require("../../checkBox/CheckBox.js"),a=require("../../input/Input.js"),i=require("../../TypographyStyle.js"),o=require("../context/templateModalContext.js"),l=require("./VariableConnectorsPanel.js");exports.DiscountCodeComponent=n=>{const{discountCode:d,setDiscountCode:c}=n,[u,x]=t.useState(""),[h,j]=t.useState(!!d),[p,C]=t.useState(!1),{setVariableCallback:f,setShowVariablePicker:v}=o.useTemplateModalContext(),m=t.useRef(),g=t.useRef();t.useEffect((()=>{c&&u&&c(d+u)}),[u]);const y=e=>{x(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(s.CheckBox,{isChecked:h,onValueChange:()=>{h&&c&&(c(""),x("")),j(!h)}}),e.jsx(i.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),h&&e.jsxs("div",{ref:m,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{c&&c(e)},value:d,onFocus:()=>{C(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(m.current&&m.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),p&&e.jsx(l.AddVariableStyled,{ref:g,id:"addVar",onClick:e=>{e.stopPropagation(),f((()=>y)),v(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(r.default,{width:14,height:14,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/arrow_back.svg.js"),i=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var a=require("../../variable-picker-v3/model.js"),r=require("react"),s=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../_virtual/_tslib.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js");var l=require("../../spinner/Spinner.js"),n=require("../../input-with-vars/InputWithVariables.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var d=require("../../../constants/Theme.js"),p=require("../../template-preview/models/TemplateMeta.js"),u=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var c=require("../../TypographyStyle.js"),g=require("../../../utils/validator.js"),m=require("../../../assets/icons/file.svg.js"),h=require("../../../assets/icons/filePdf.svg.js"),x=require("../../../assets/icons/image.svg.js"),E=require("../../../assets/icons/upload.svg.js"),j=require("../context/templateModalContext.js"),v=require("../utils/validateIsUrl.js");exports.default=({setOpenEditMedia:f,mediaComponentFormat:y,variableListForImage:T,openEditMedia:C,uploadMedia:b,fileRef:M,useEditWhatsappTemplateMediaResponse:A,skipAddVariable:q})=>{const{pod:I,setHideCrossButton:D,setHideFooterButton:S}=j.useTemplateModalContext(),[P,R]=r.useState(""),[w,k]=r.useState(void 0),[H,L]=r.useState(!1),[_,B]=r.useState("");let V;if(r.useEffect(()=>(S(!0),()=>{S(!1)}),[]),r.useEffect(()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&k(e)},[A.loading]),V=y===p.HEADER_TYPES.IMAGE?"image/png, image/jpeg":y===p.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!C)return e.jsx(e.Fragment,{});const O=()=>y===p.HEADER_TYPES.IMAGE?"Image":y===p.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"},children:[e.jsx(t.default,{onClick:e=>{e.stopPropagation(),f(!1),R("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(c.TitleRegular,{children:"Update Media"})]}),e.jsxs("div",{style:{position:"relative",padding:16,borderRadius:4,border:H?`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:d.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:A.loading?"flex":"initial"},children:[e.jsxs("div",{style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16},children:[A.loading?e.jsx(l.PureSpinner,{width:"40px",height:"40px",color:d.COLORS.content.brand}):e.jsx("div",{style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:d.DEFAULT_THEME.colorsV2.background.base},children:y===p.HEADER_TYPES.IMAGE?e.jsx(x.default,{width:40,height:40}):y===p.HEADER_TYPES.VIDEO?e.jsx(m.default,{width:40,height:40}):e.jsx(h.default,{width:40,height:40})}),e.jsx(c.TitleMedium,{children:A.loading?"Upload in progress...":y===p.HEADER_TYPES.IMAGE?"Upload an image":y===p.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsx(c.BodySecondary,{color:d.COLORS.content.secondary,children:A.loading?`Your ${y.toLowerCase()} is getting loaded. This may take a couple of minutes.`:y===p.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":y===p.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"})]}),!A.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:e.jsx(n.InputWithVariables,{labelText:`${O()} URL`,onPickerToggle:e=>{D(!!e)},pickerType:a.PickerType.EMBEDDED,portalElement:null!=w?w:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{B(e.actualValue),L(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:P,prevVariable:{actualValue:"",variableType:"string"},variablesList:T,placeHolder:q?"Enter URL":"Enter URL/Add variable",showAddButton:I!==u.POD.CAMPAIGN||!q&&y===p.HEADER_TYPES.IMAGE})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"},children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(c.BodyCaption,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]}),e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx(s.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:E.default,onClick:()=>{b(),L(!1)},size:"medium"})})]}),H&&e.jsxs("div",{style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4},children:[e.jsx(i.default,{width:16,height:16,color:d.COLORS.content.negative}),e.jsx(c.BodyCaption,{style:{color:d.COLORS.content.negative},children:`Select ${O()}`})]})]}),!A.loading&&e.jsx("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:8},children:e.jsx(s.Button,{buttonText:`Add ${O()}`,onClick:()=>{_?g.validateURL(_)||v.isVariable(_)?(b(_),f(!1),R(""),L(!1)):R("Enter valid URL"):L(!0)}})}),e.jsx("input",{ref:M,style:{display:"none"},type:"file",onChange:A.handleImageUpload,accept:V}),!!A.selectedImage&&e.jsx(o.BikImageCropper,{aspectRatio:15/8,src:A.selectedImage,onCropComplete:A.onCropComplete,onCancel:()=>{A.setLoading(!1),A.setSelectedImage(""),M.current&&(M.current.value="")}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/arrow_back.svg.js"),i=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var a=require("../../variable-picker-v3/model.js"),r=require("react"),s=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../_virtual/_tslib.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js");var l=require("../../spinner/Spinner.js"),n=require("../../input-with-vars/InputWithVariables.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var d=require("../../../constants/Theme.js"),p=require("../../template-preview/models/TemplateMeta.js"),u=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var c=require("../../TypographyStyle.js"),g=require("../../../utils/validator.js"),m=require("../../../assets/icons/file.svg.js"),h=require("../../../assets/icons/filePdf.svg.js"),x=require("../../../assets/icons/image.svg.js"),E=require("../../../assets/icons/upload.svg.js"),j=require("../context/templateModalContext.js"),v=require("../utils/validateIsUrl.js");exports.default=f=>{let{setOpenEditMedia:y,mediaComponentFormat:T,variableListForImage:C,openEditMedia:b,uploadMedia:M,fileRef:A,useEditWhatsappTemplateMediaResponse:q,skipAddVariable:I}=f;const{pod:D,setHideCrossButton:S,setHideFooterButton:P}=j.useTemplateModalContext(),[R,w]=r.useState(""),[k,H]=r.useState(void 0),[L,_]=r.useState(!1),[B,V]=r.useState("");let O;if(r.useEffect((()=>(P(!0),()=>{P(!1)})),[]),r.useEffect((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&H(e)}),[q.loading]),O=T===p.HEADER_TYPES.IMAGE?"image/png, image/jpeg":T===p.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!b)return e.jsx(e.Fragment,{});const U=()=>T===p.HEADER_TYPES.IMAGE?"Image":T===p.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"},children:[e.jsx(t.default,{onClick:e=>{e.stopPropagation(),y(!1),w("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(c.TitleRegular,{children:"Update Media"})]}),e.jsxs("div",{style:{position:"relative",padding:16,borderRadius:4,border:L?`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:d.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:q.loading?"flex":"initial"},children:[e.jsxs("div",{style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16},children:[q.loading?e.jsx(l.PureSpinner,{width:"40px",height:"40px",color:d.COLORS.content.brand}):e.jsx("div",{style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:d.DEFAULT_THEME.colorsV2.background.base},children:T===p.HEADER_TYPES.IMAGE?e.jsx(x.default,{width:40,height:40}):T===p.HEADER_TYPES.VIDEO?e.jsx(m.default,{width:40,height:40}):e.jsx(h.default,{width:40,height:40})}),e.jsx(c.TitleMedium,{children:q.loading?"Upload in progress...":T===p.HEADER_TYPES.IMAGE?"Upload an image":T===p.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsx(c.BodySecondary,{color:d.COLORS.content.secondary,children:q.loading?`Your ${T.toLowerCase()} is getting loaded. This may take a couple of minutes.`:T===p.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":T===p.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"})]}),!q.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:e.jsx(n.InputWithVariables,{labelText:`${U()} URL`,onPickerToggle:e=>{S(!!e)},pickerType:a.PickerType.EMBEDDED,portalElement:null!=k?k:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{V(e.actualValue),_(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:R,prevVariable:{actualValue:"",variableType:"string"},variablesList:C,placeHolder:I?"Enter URL":"Enter URL/Add variable",showAddButton:D!==u.POD.CAMPAIGN||!I&&T===p.HEADER_TYPES.IMAGE})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"},children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(c.BodyCaption,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]}),e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx(s.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:E.default,onClick:()=>{M(),_(!1)},size:"medium"})})]}),L&&e.jsxs("div",{style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4},children:[e.jsx(i.default,{width:16,height:16,color:d.COLORS.content.negative}),e.jsx(c.BodyCaption,{style:{color:d.COLORS.content.negative},children:`Select ${U()}`})]})]}),!q.loading&&e.jsx("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:8},children:e.jsx(s.Button,{buttonText:`Add ${U()}`,onClick:()=>{B?g.validateURL(B)||v.isVariable(B)?(M(B),y(!1),w(""),_(!1)):w("Enter valid URL"):_(!0)}})}),e.jsx("input",{ref:A,style:{display:"none"},type:"file",onChange:q.handleImageUpload,accept:O}),!!q.selectedImage&&e.jsx(o.BikImageCropper,{aspectRatio:15/8,src:q.selectedImage,onCropComplete:q.onCropComplete,onCancel:()=>{q.setLoading(!1),q.setSelectedImage(""),A.current&&(A.current.value="")}})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),a=require("react"),i=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),l=require("../../template-preview/models/TemplateMeta.js"),o=require("../context/templateModalContext.js"),s=require("../helpers/WebpushTemplateHelper.js"),d=require("../utils/getDataFromTemplateComponent.js"),r=require("./EditMediaModal.js"),p=require("./EditMediaV2.js"),u=require("./EditMediaV2.style.js"),c=require("./useEditWhtasappTemplateMedia.js"),m=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js");exports.default=({template:f,onTemplateChange:M,whatsappSpecificPickerMeta:E,showVariableModal:C})=>{var T,x,j;const[v,V]=a.useState(null),[L,y]=a.useState(null),{variableList:I,disableEditVariable:w,originalVariableList:q,setOriginalVariableList:O}=o.useTemplateModalContext(),{processWebpushTemplate:R,isValidUrl:A}=s.default(),[S,k]=a.useState(null),[B,D]=a.useState(null),[W,H]=a.useState(null);a.useEffect(()=>{I&&R(f,I,q,w).then(({templateVariableMapping:e,template:t,webpushBroadcastConfig:a})=>{V(e),null==O||O(e),null==M||M(Object.assign({},t)),y(a)})},[I,w]);const{descriptionComponents:P,bodyVariables:F,titleVariables:U}=a.useMemo(()=>{if(v&&L){const e=d.getAllDataFromWebpushTemplateComponent(L,v);return S||k(e.iconImage),B||D(e.bannerImage),W||H(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}},[v,L]),{uploadMediaLink:_,uploadMediaFiles:N,validateMimeType:Y}=E,G=a.useRef(null),$=c.useEditWhatsappTemplateMedia({uploadMediaLink:_,uploadMediaFiles:N,updateTemplateImageUrl:e=>z(e,"icon"),validateMimeType:Y,mediaComponent:S,fileRef:G}),K=c.useEditWhatsappTemplateMedia({uploadMediaLink:_,uploadMediaFiles:N,updateTemplateImageUrl:e=>z(e,"image"),validateMimeType:Y,mediaComponent:B,fileRef:G});function z(e,a){const i=Object.assign({},f),n=t.cloneDeep(i);"icon"===a?(n.webpushBroadcastConfig.icon=[e],k([e])):"image"===a&&(n.webpushBroadcastConfig.image=[e],D([e])),null==M||M(Object.assign({},n))}function J(e,a,i){var n;const l=Object.assign({},f),o=t.cloneDeep(l),s="custom"===a&&"string"==typeof e,d=null===(n=null==o?void 0:o.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(d&&d.length>0){d[i]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},o.webpushBroadcastConfig),{buttons:d});o.webpushBroadcastConfig=t}null==M||M(o)}const Q=$.openEditMedia?$:K.openEditMedia?K:null;if(Q)return e.jsx(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:e.jsx(r.default,{mediaComponentFormat:l.HEADER_TYPES.IMAGE,uploadMedia:Q.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:Q,setOpenEditMedia:Q.setOpenEditMedia,openEditMedia:Q.openEditMedia,editIconRef:Q.editIconRef,fileRef:G,skipAddVariable:!0})});return e.jsxs(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[S&&S.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:S,handleImageChange:$.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:$.error,isLoading:$.loading,setOpenEditMedia:$.setOpenEditMedia})}):null,B&&B.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:B,handleImageChange:K.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,(null==F?void 0:F.length)||(null==U?void 0:U.length)?e.jsx(b.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==P?void 0:P.map((t,a)=>e.jsx(h.default,{originalVariableList:v,originalList:q,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:C},a)),W&&W.length?e.jsx("div",{style:{padding:"16px 14px"},children:e.jsx(i.Input,{labelText:"Redirection Link",id:"redirection-link",value:W[0].replace("https://",""),errorMessage:A(W[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:w?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var a;const i=`https://${e}`;H([i]);const n=t.cloneDeep(f);(null===(a=n.webpushBroadcastConfig)||void 0===a?void 0:a.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[i]),null==M||M(Object.assign({},n))}(e)}})}):e.jsx(e.Fragment,{}),(null===(x=null===(T=null==v?void 0:v.buttons)||void 0===T?void 0:T.filter(e=>"URL"===e.type))||void 0===x?void 0:x.length)>0&&e.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(j=null==v?void 0:v.buttons)||void 0===j?void 0:j.map((t,a)=>e.jsx(g.default,{variableListIndex:a,CTAoptions:null==E?void 0:E.CTAoptions,button:t,currentVariableList:v,updateSelectedURLTemplateBtn:J},`${a}`))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),a=require("react"),i=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),l=require("../../template-preview/models/TemplateMeta.js"),o=require("../context/templateModalContext.js"),s=require("../helpers/WebpushTemplateHelper.js"),d=require("../utils/getDataFromTemplateComponent.js"),r=require("./EditMediaModal.js"),p=require("./EditMediaV2.js"),u=require("./EditMediaV2.style.js"),c=require("./useEditWhtasappTemplateMedia.js"),m=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js");exports.default=f=>{let{template:M,onTemplateChange:E,whatsappSpecificPickerMeta:C,showVariableModal:T}=f;var x,j,v;const[V,L]=a.useState(null),[y,I]=a.useState(null),{variableList:w,disableEditVariable:q,originalVariableList:O,setOriginalVariableList:R}=o.useTemplateModalContext(),{processWebpushTemplate:A,isValidUrl:S}=s.default(),[k,B]=a.useState(null),[D,W]=a.useState(null),[H,P]=a.useState(null);a.useEffect((()=>{w&&A(M,w,O,q).then((e=>{let{templateVariableMapping:t,template:a,webpushBroadcastConfig:i}=e;L(t),null==R||R(t),null==E||E(Object.assign({},a)),I(i)}))}),[w,q]);const{descriptionComponents:F,bodyVariables:U,titleVariables:_}=a.useMemo((()=>{if(V&&y){const e=d.getAllDataFromWebpushTemplateComponent(y,V);return k||B(e.iconImage),D||W(e.bannerImage),H||P(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[V,y]),{uploadMediaLink:N,uploadMediaFiles:Y,validateMimeType:G}=C,$=a.useRef(null),K=c.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"icon"),validateMimeType:G,mediaComponent:k,fileRef:$}),z=c.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"image"),validateMimeType:G,mediaComponent:D,fileRef:$});function J(e,a){const i=Object.assign({},M),n=t.cloneDeep(i);"icon"===a?(n.webpushBroadcastConfig.icon=[e],B([e])):"image"===a&&(n.webpushBroadcastConfig.image=[e],W([e])),null==E||E(Object.assign({},n))}function Q(e,a,i){var n;const l=Object.assign({},M),o=t.cloneDeep(l),s="custom"===a&&"string"==typeof e,d=null===(n=null==o?void 0:o.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(d&&d.length>0){d[i]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},o.webpushBroadcastConfig),{buttons:d});o.webpushBroadcastConfig=t}null==E||E(o)}const X=K.openEditMedia?K:z.openEditMedia?z:null;if(X)return e.jsx(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:e.jsx(r.default,{mediaComponentFormat:l.HEADER_TYPES.IMAGE,uploadMedia:X.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:X,setOpenEditMedia:X.setOpenEditMedia,openEditMedia:X.openEditMedia,editIconRef:X.editIconRef,fileRef:$,skipAddVariable:!0})});return e.jsxs(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[k&&k.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:k,handleImageChange:K.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,D&&D.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:D,handleImageChange:z.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:z.error,isLoading:z.loading,setOpenEditMedia:z.setOpenEditMedia})}):null,(null==U?void 0:U.length)||(null==_?void 0:_.length)?e.jsx(b.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==F?void 0:F.map(((t,a)=>e.jsx(h.default,{originalVariableList:V,originalList:O,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:T},a))),H&&H.length?e.jsx("div",{style:{padding:"16px 14px"},children:e.jsx(i.Input,{labelText:"Redirection Link",id:"redirection-link",value:H[0].replace("https://",""),errorMessage:S(H[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:q?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var a;const i=`https://${e}`;P([i]);const n=t.cloneDeep(M);(null===(a=n.webpushBroadcastConfig)||void 0===a?void 0:a.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[i]),null==E||E(Object.assign({},n))}(e)}})}):e.jsx(e.Fragment,{}),(null===(j=null===(x=null==V?void 0:V.buttons)||void 0===x?void 0:x.filter((e=>"URL"===e.type)))||void 0===j?void 0:j.length)>0&&e.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(v=null==V?void 0:V.buttons)||void 0===v?void 0:v.map(((t,a)=>e.jsx(g.default,{variableListIndex:a,CTAoptions:null==C?void 0:C.CTAoptions,button:t,currentVariableList:V,updateSelectedURLTemplateBtn:Q},`${a}`)))]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("@bikdotai/bik-models/growth/models/bik-store"),t=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),o=require("../../../assets/icons/PlusIcon.js"),r=require("lodash"),a=require("react"),d=require("../../button/Button.js"),s=require("../../icon-button/IconButton.js"),c=require("../../product-picker-v2/modal.js"),u=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),v=require("../context/templateModalContext.js"),h=require("./EditWhatsAppTemplateV2.js"),m=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var g=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var y=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var x=require("../../template-preview/helpers/templateMiscHelper.js"),f=require("../../TypographyStyle.js");exports.default=({template:j,whatsappSpecificPickerMeta:C,showVariableModal:b,variableListForImage:I,discountCode:S,setDiscountCode:k})=>{var q,O,w,P,T,B,L,R;const{selectedCarouselIndex:E,setTemplate:M,pickerConf:A,isProductCarouselType:D,pod:F,cardCount:V,carouselProducts:W,setCarouselProducts:N,isError:$,cardImages:_,disableEditVariable:z,onDeleteSelectedProducts:G,setSelectedCarouselIndex:H,setVariableCallback:K,setShowVariablePicker:J,sliderRef:Q}=v.useTemplateModalContext(),[U,X]=a.useState(x.isRCSChannel(null==j?void 0:j.channel)?"Carousel Cards":-1==E?"First Message (Step 1/2)":D?"Product Carousel "+((null===(O=null===(q=null==j?void 0:j.mapping)||void 0===q?void 0:q.body)||void 0===O?void 0:O.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(P=null===(w=null==j?void 0:j.mapping)||void 0===w?void 0:w.body)||void 0===P?void 0:P.length)?"(Step 2/2)":"")),[Y,Z]=a.useState(!1),[ee,le]=a.useState(!1),te=E===(null!=V?V:-1)-1,ne=(null!=E?E:-1)<1;a.useEffect(()=>{var e,l,t,n;X(x.isRCSChannel(null==j?void 0:j.channel)?"Carousel Cards":-1==E?"First Message (Step 1/2)":D?"Product Carousel "+((null===(l=null===(e=null==j?void 0:j.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(t=null==j?void 0:j.mapping)||void 0===t?void 0:t.body)||void 0===n?void 0:n.length)?"(Step 2/2)":""))},[E]);const ie=e=>{null==N||N([{name:"variable",productName:e.actualValue}])};return a.useEffect(()=>{-1===E&&x.isRCSChannel(null==j?void 0:j.channel)&&(null==H||H(0))},[E,null==j?void 0:j.channel]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!x.isRCSChannel(null==j?void 0:j.channel)&&null!=E&&E>=0&&!!(null===(B=null===(T=null==j?void 0:j.mapping)||void 0===T?void 0:T.body)||void 0===B?void 0:B.length)&&e.jsx(s.IconButton,{Icon:t.default,onClick:()=>{null==H||H(-1)}}),e.jsx(f.TitleMedium,{style:{marginLeft:10},children:U})]}),D&&(null!==(L=null==W?void 0:W.length)&&void 0!==L?L:0)>0&&null!=E&&E>=0&&e.jsxs("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsx(m.ProductBox,{editItem:()=>{1===(null==W?void 0:W.length)&&"variable"===W[0].name?(K(()=>ie),J(!0)):Z(!Y)},cardBody:1===(null==W?void 0:W.length)&&"variable"===W[0].name?`${W[0].productName}`:`${null==W?void 0:W.length} Products Selected`,hideIcon:1===(null==W?void 0:W.length)&&"variable"===W[0].name,deleteItem:()=>{var e;if(1===(null==W?void 0:W.length)&&"variable"===W[0].name)return void(null==N||N([]));const l=r.cloneDeep(Object.assign({},j));l&&(_&&_.length>0?null==_||_.forEach((e,t)=>{var n;l.components[1].cards[t].components[0].example.header_handle=[null!==(n=_[t])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):null===(e=null==l?void 0:l.components[1].cards)||void 0===e||e.forEach((e,t)=>{l.components[1].cards[t].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),null==M||M(l)),null==N||N([]),null==G||G()}}),W&&(null==W?void 0:W.length)>0&&"variable"!=W[0].name&&e.jsx(d.Button,{disabled:(null!==(R=null==W?void 0:W.length)&&void 0!==R?R:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{le(!0),Z(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]}),!z&&D&&0===(null==W?void 0:W.length)&&null!=E&&E>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{marginLeft:12},children:[e.jsx(f.TitleRegular,{children:"Product(s)"}),e.jsx(f.BodySecondary,{children:`Select ${null!=V?V:1} products`})]}),e.jsxs("div",{style:{marginTop:16,marginBottom:16,marginLeft:$?16:12,marginRight:$?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsx(d.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:$?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex",width:18,height:18},children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})}),onClick:e=>{Z(!0)}}),F===y.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(f.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"}),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]}),e.jsx(d.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:$?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex"},children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})}),onClick:e=>{K(()=>ie),J(!0)}})]})]}),$&&e.jsx("div",{style:{marginLeft:10,marginBottom:16},children:e.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})})]}),!D&&(null!=E?E:-1)>-1&&e.jsxs("div",{style:{display:"flex",background:g.COLORS.surface.hovered,alignItems:"center"},children:[e.jsx(s.IconButton,{Icon:n.default,disabled:ne,width:8,height:14,svgStyle:ne?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==Q?void 0:Q.current)||void 0===e||e.slickPrev(),(null!=E?E:-1)<1||null==H||H(e=>e-1)}}),e.jsx(f.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:g.COLORS.content.secondary,children:`Card ${(null!=E?E:0)+1}/${V}`}),e.jsx(s.IconButton,{Icon:i.default,width:8,height:14,disabled:te,svgStyle:te?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==Q?void 0:Q.current)||void 0===e||e.slickNext(),(null!=E?E:-1)>=(null!=V?V:-1)-1||null==H||H(e=>e+1)}})]}),e.jsx(h.default,{whatsappSpecificPickerMeta:C,template:j,onTemplateChange:e=>{null==M||M(e)},showVariableModal:b,variableListForImage:I,discountCode:S,setDiscountCode:k}),Y&&A&&e.jsx(c.ProductPickerModal,{zIndex:200,startupScreen:ee?u.ScreenName.RearrangeProducts:u.ScreenName.Collections,rearrangeEnabled:!0,storeId:A.storeId,selectedItems:(e=>{if(e.length>0){const l={};for(const t of e){const e=null==t?void 0:t.collectionId,n=t.productId,i=t.variantId;e in l||(l[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in l[e].products||(l[e].products[n]={variants:{},name:(null==t?void 0:t.productName)||"",image:(null==t?void 0:t.productImage)||""}),l[e].products[n].variants[i]={name:(null==t?void 0:t.name)||"",price:"",image:(null==t?void 0:t.image)||"",quantity:t.quantity||0,displayOrder:t.displayOrder}}return l}return{}})(null!=W?W:[]),collectionFetcher:A.fetchCollections,productFetcher:A.fetchProducts,onAdd:(e,l)=>{var t,n,i,o,a,d;le(!1);const s=[];delete e.isCustom;for(const l of Object.keys(e)){const r=e[l].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:v,quantity:h,displayOrder:m}=c[u],g={name:p,image:null!==(n=null!=v?v:null===(t=r[e])||void 0===t?void 0:t.image)&&void 0!==n?n:"",quantity:h,variantId:u,productId:e,displayOrder:m,collectionId:l,productName:null!==(o=null===(i=r[e])||void 0===i?void 0:i.name)&&void 0!==o?o:"",productImage:null!==(d=null===(a=r[e])||void 0===a?void 0:a.image)&&void 0!==d?d:""};s.push(g)}}}const c=s.sort((e,l)=>e.displayOrder-l.displayOrder),u=s.map(e=>e.image),p=r.cloneDeep(Object.assign({},j));p&&(u.forEach((e,l)=>{var t;p.components[1].cards[l].components[0].example.header_handle=e?[e]:[null!==(t=null==_?void 0:_[l])&&void 0!==t?t:""]}),null==M||M(p)),null==N||N(c),Z(!1)},searchInCollectionFetcher:A.searchInCollection,searchFetcher:A.searchProducts,visible:Y,onClose:()=>{Z(!1)},exactLimit:null!=V?V:1,appType:A.appType||l.ApplicationType.BIK})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("@bikdotai/bik-models/growth/models/bik-store"),t=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),o=require("../../../assets/icons/PlusIcon.js"),r=require("lodash"),a=require("react"),d=require("../../button/Button.js"),s=require("../../icon-button/IconButton.js"),c=require("../../product-picker-v2/modal.js"),u=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),v=require("../context/templateModalContext.js"),h=require("./EditWhatsAppTemplateV2.js"),m=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var g=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var y=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var x=require("../../template-preview/helpers/templateMiscHelper.js"),f=require("../../TypographyStyle.js");exports.default=j=>{let{template:C,whatsappSpecificPickerMeta:b,showVariableModal:I,variableListForImage:S,discountCode:k,setDiscountCode:q}=j;var O,w,P,T,B,L,R,E;const{selectedCarouselIndex:M,setTemplate:A,pickerConf:D,isProductCarouselType:F,pod:V,cardCount:W,carouselProducts:N,setCarouselProducts:$,isError:_,cardImages:z,disableEditVariable:G,onDeleteSelectedProducts:H,setSelectedCarouselIndex:K,setVariableCallback:J,setShowVariablePicker:Q,sliderRef:U}=v.useTemplateModalContext(),[X,Y]=a.useState(x.isRCSChannel(null==C?void 0:C.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(w=null===(O=null==C?void 0:C.mapping)||void 0===O?void 0:O.body)||void 0===w?void 0:w.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(T=null===(P=null==C?void 0:C.mapping)||void 0===P?void 0:P.body)||void 0===T?void 0:T.length)?"(Step 2/2)":"")),[Z,ee]=a.useState(!1),[le,te]=a.useState(!1),ne=M===(null!=W?W:-1)-1,ie=(null!=M?M:-1)<1;a.useEffect((()=>{var e,l,t,n;Y(x.isRCSChannel(null==C?void 0:C.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(l=null===(e=null==C?void 0:C.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(t=null==C?void 0:C.mapping)||void 0===t?void 0:t.body)||void 0===n?void 0:n.length)?"(Step 2/2)":""))}),[M]);const oe=e=>{null==$||$([{name:"variable",productName:e.actualValue}])};return a.useEffect((()=>{-1===M&&x.isRCSChannel(null==C?void 0:C.channel)&&(null==K||K(0))}),[M,null==C?void 0:C.channel]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[!x.isRCSChannel(null==C?void 0:C.channel)&&null!=M&&M>=0&&!!(null===(L=null===(B=null==C?void 0:C.mapping)||void 0===B?void 0:B.body)||void 0===L?void 0:L.length)&&e.jsx(s.IconButton,{Icon:t.default,onClick:()=>{null==K||K(-1)}}),e.jsx(f.TitleMedium,{style:{marginLeft:10},children:X})]}),F&&(null!==(R=null==N?void 0:N.length)&&void 0!==R?R:0)>0&&null!=M&&M>=0&&e.jsxs("div",{style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"},children:[e.jsx(m.ProductBox,{editItem:()=>{1===(null==N?void 0:N.length)&&"variable"===N[0].name?(J((()=>oe)),Q(!0)):ee(!Z)},cardBody:1===(null==N?void 0:N.length)&&"variable"===N[0].name?`${N[0].productName}`:`${null==N?void 0:N.length} Products Selected`,hideIcon:1===(null==N?void 0:N.length)&&"variable"===N[0].name,deleteItem:()=>{var e;if(1===(null==N?void 0:N.length)&&"variable"===N[0].name)return void(null==$||$([]));const l=r.cloneDeep(Object.assign({},C));l&&(z&&z.length>0?null==z||z.forEach(((e,t)=>{var n;l.components[1].cards[t].components[0].example.header_handle=[null!==(n=z[t])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==l?void 0:l.components[1].cards)||void 0===e||e.forEach(((e,t)=>{l.components[1].cards[t].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==A||A(l)),null==$||$([]),null==H||H()}}),N&&(null==N?void 0:N.length)>0&&"variable"!=N[0].name&&e.jsx(d.Button,{disabled:(null!==(E=null==N?void 0:N.length)&&void 0!==E?E:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{te(!0),ee(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]}),!G&&F&&0===(null==N?void 0:N.length)&&null!=M&&M>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{marginLeft:12},children:[e.jsx(f.TitleRegular,{children:"Product(s)"}),e.jsx(f.BodySecondary,{children:`Select ${null!=W?W:1} products`})]}),e.jsxs("div",{style:{marginTop:16,marginBottom:16,marginLeft:_?16:12,marginRight:_?16:12,flexDirection:"column",display:"flex",alignItems:"center"},children:[e.jsx(d.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:_?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex",width:18,height:18},children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})}),onClick:e=>{ee(!0)}}),V===y.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"},children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(f.BodyCaption,{style:{color:"#616161",overflow:"unset"},children:"OR"}),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]}),e.jsx(d.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:_?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",{style:{display:"flex"},children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})}),onClick:e=>{J((()=>oe)),Q(!0)}})]})]}),_&&e.jsx("div",{style:{marginLeft:10,marginBottom:16},children:e.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})})]}),!F&&(null!=M?M:-1)>-1&&e.jsxs("div",{style:{display:"flex",background:g.COLORS.surface.hovered,alignItems:"center"},children:[e.jsx(s.IconButton,{Icon:n.default,disabled:ie,width:8,height:14,svgStyle:ie?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)||void 0===e||e.slickPrev(),(null!=M?M:-1)<1||null==K||K((e=>e-1))}}),e.jsx(f.TitleRegular,{style:{flex:1,display:"flex",justifyContent:"center"},color:g.COLORS.content.secondary,children:`Card ${(null!=M?M:0)+1}/${W}`}),e.jsx(s.IconButton,{Icon:i.default,width:8,height:14,disabled:ne,svgStyle:ne?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)||void 0===e||e.slickNext(),(null!=M?M:-1)>=(null!=W?W:-1)-1||null==K||K((e=>e+1))}})]}),e.jsx(h.default,{whatsappSpecificPickerMeta:b,template:C,onTemplateChange:e=>{null==A||A(e)},showVariableModal:I,variableListForImage:S,discountCode:k,setDiscountCode:q}),Z&&D&&e.jsx(c.ProductPickerModal,{zIndex:200,startupScreen:le?u.ScreenName.RearrangeProducts:u.ScreenName.Collections,rearrangeEnabled:!0,storeId:D.storeId,selectedItems:(e=>{if(e.length>0){const l={};for(const t of e){const e=null==t?void 0:t.collectionId,n=t.productId,i=t.variantId;e in l||(l[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in l[e].products||(l[e].products[n]={variants:{},name:(null==t?void 0:t.productName)||"",image:(null==t?void 0:t.productImage)||""}),l[e].products[n].variants[i]={name:(null==t?void 0:t.name)||"",price:"",image:(null==t?void 0:t.image)||"",quantity:t.quantity||0,displayOrder:t.displayOrder}}return l}return{}})(null!=N?N:[]),collectionFetcher:D.fetchCollections,productFetcher:D.fetchProducts,onAdd:(e,l)=>{var t,n,i,o,a,d;te(!1);const s=[];delete e.isCustom;for(const l of Object.keys(e)){const r=e[l].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:v,quantity:h,displayOrder:m}=c[u],g={name:p,image:null!==(n=null!=v?v:null===(t=r[e])||void 0===t?void 0:t.image)&&void 0!==n?n:"",quantity:h,variantId:u,productId:e,displayOrder:m,collectionId:l,productName:null!==(o=null===(i=r[e])||void 0===i?void 0:i.name)&&void 0!==o?o:"",productImage:null!==(d=null===(a=r[e])||void 0===a?void 0:a.image)&&void 0!==d?d:""};s.push(g)}}}const c=s.sort(((e,l)=>e.displayOrder-l.displayOrder)),u=s.map((e=>e.image)),p=r.cloneDeep(Object.assign({},C));p&&(u.forEach(((e,l)=>{var t;p.components[1].cards[l].components[0].example.header_handle=e?[e]:[null!==(t=null==z?void 0:z[l])&&void 0!==t?t:""]})),null==A||A(p)),null==$||$(c),ee(!1)},searchInCollectionFetcher:D.searchInCollection,searchFetcher:D.searchProducts,visible:Z,onClose:()=>{ee(!1)},exactLimit:null!=W?W:1,appType:D.appType||l.ApplicationType.BIK})]})};