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

package/dist/esm/components/button/themes.js

@@ -1 +1 @@
-import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},b=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,u=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=(t,r,n=u(t,!1))=>`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`,f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{b as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,u as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};
+import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},u=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,b=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:b(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`},f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{u as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,b as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};

package/dist/esm/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{BodySecondary as r}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";import{ButtonGroupStyle as d,Button as c}from"./ButtonGroupStyle.js";const s=s=>{const[a,l]=t(void 0);n(()=>{l(s.activeButtonId||void 0)},[null==s?void 0:s.activeButtonId]);return o(d,{className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition,children:s.buttonGroup.map(t=>{var n,d;const u=null==t?void 0:t.icon;return i(c,{borderRadius:null!==(n=s.borderRadius)&&void 0!==n?n:"4px",matchParentWidth:null===(d=s.matchParentWidth)||void 0===d||d,className:"button",isActive:a===t.id,onClick:()=>(o=>{l(o.id),s.onButtonClick(o.id)})(t),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||e.surface.subdued,children:[(null==s?void 0:s.iconPosition)&&u&&o("div",{className:"button__image",children:o(u,{color:a===t.id?e.background.inverseLight:e.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})}),o("div",{className:"button__name",children:o(r,{style:{color:a===t.id?e.background.inverseLight:e.content.secondary},children:t.title})})]},t.id)})})};export{s as ButtonGroup};
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{BodySecondary as r}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";import{ButtonGroupStyle as d,Button as c}from"./ButtonGroupStyle.js";const s=s=>{const[a,l]=t(void 0);n((()=>{l(s.activeButtonId||void 0)}),[null==s?void 0:s.activeButtonId]);return o(d,{className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition,children:s.buttonGroup.map((t=>{var n,d;const u=null==t?void 0:t.icon;return i(c,{borderRadius:null!==(n=s.borderRadius)&&void 0!==n?n:"4px",matchParentWidth:null===(d=s.matchParentWidth)||void 0===d||d,className:"button",isActive:a===t.id,onClick:()=>(o=>{l(o.id),s.onButtonClick(o.id)})(t),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||e.surface.subdued,children:[(null==s?void 0:s.iconPosition)&&u&&o("div",{className:"button__image",children:o(u,{color:a===t.id?e.background.inverseLight:e.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})}),o("div",{className:"button__name",children:o(r,{style:{color:a===t.id?e.background.inverseLight:e.content.secondary},children:t.title})})]},t.id)}))})};export{s as ButtonGroup};

package/dist/esm/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{StyledCardContainer as r,StyledCard as n}from"./CardSelectionModal.styled.js";import{StyledModal as t}from"../modals/styledModal.js";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{BodySecondary as c,TitleRegular as s,BodyCaption as d}from"../TypographyStyle.js";const a=a=>e(t,{open:a.isOpen,onClose:a.onClose,headingTitle:a.title,headingSubtitle:a.subTitle,centralContainerStyles:{width:716},children:o(r,{children:[e("div",{className:"cards__wrapper",children:a.cards.map(i=>o(n,{onClick:()=>{a.onCardSelected(i.value)},children:[i.icon&&e("div",{className:"icon__container",children:e(i.icon,{width:22,color:l.colorsV2.content.brand})}),e(s,{children:i.title}),e(d,{children:i.description})]},i.value))}),a.infoText&&o("div",{className:"info__wrapper",children:[e(i,{width:15,color:l.colorsV2.content.placeholder}),e(c,{children:a.infoText})]})]})});export{a as CardSelectionModal};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{StyledCardContainer as r,StyledCard as n}from"./CardSelectionModal.styled.js";import{StyledModal as t}from"../modals/styledModal.js";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{BodySecondary as c,TitleRegular as s,BodyCaption as d}from"../TypographyStyle.js";const a=a=>e(t,{open:a.isOpen,onClose:a.onClose,headingTitle:a.title,headingSubtitle:a.subTitle,centralContainerStyles:{width:716},children:o(r,{children:[e("div",{className:"cards__wrapper",children:a.cards.map((i=>o(n,{onClick:()=>{a.onCardSelected(i.value)},children:[i.icon&&e("div",{className:"icon__container",children:e(i.icon,{width:22,color:l.colorsV2.content.brand})}),e(s,{children:i.title}),e(d,{children:i.description})]},i.value)))}),a.infoText&&o("div",{className:"info__wrapper",children:[e(i,{width:15,color:l.colorsV2.content.placeholder}),e(c,{children:a.infoText})]})]})});export{a as CardSelectionModal};

package/dist/esm/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map(l=>t("div",{style:{display:"flex",flex:1},children:t(e,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id))});export{i as CardSelectorGroup};
+import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>t("div",{style:{display:"flex",flex:1},children:t(e,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id)))});export{i as CardSelectorGroup};

package/dist/esm/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import l from"react-slick";import{Container as t,CarouselSlickContainer as s}from"./CarouselPreview.style.js";import n from"./CarouselPreviewCard.js";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as d,isRCSChannel as a}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as u}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as m,CustomCarouselLeftArrow as p}from"./CustomCarouselArrows.js";const c=o.forwardRef(({channel:o,template:l,isPreview:s,removeBottomBorder:m,borderRadius:p,showArrows:c,hideBorder:w,showSampleValues:h})=>{var C,f;const{sliderRef:x,selectedCarouselIndex:I,cardCount:P,setIsCarouselHovered:R,cardIndex:S}=i(),j=-1==S?d(o):S,g=null===(f=null===(C=null==l?void 0:l.components)||void 0===C?void 0:C[j])||void 0===f?void 0:f.cards,A=(null==g?void 0:g.length)?e(v,{cards:g,cardCount:null!=P?P:0,selectedCarouselIndex:null!=I?I:-1,sliderRef:x,isPreview:s,showArrows:c,channel:o,template:l,setIsCarouselHovered:R,showSampleValues:!!h}):null;return a(o)?e(u,{borderRadius:p,children:A}):r(t,{removeBottomBorder:m,borderRadius:p,hideBorder:w,children:[e(n,{channel:o,currentTemplate:l,carouselCardIndex:-1,isPreview:s,width:"77%"}),A]})}),v=({cards:r,cardCount:o,selectedCarouselIndex:t,sliderRef:i,isPreview:d,showArrows:a,channel:u,template:c,setIsCarouselHovered:v,showSampleValues:w})=>e(s,{cardCount:o,selectedCarouselIndex:t,onMouseEnter:()=>null==v?void 0:v(!0),onMouseLeave:()=>null==v?void 0:v(!1),children:e(l,{ref:i,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:a,adaptiveHeight:!0,nextArrow:e(m,{isPreview:null!=d&&d}),prevArrow:e(p,{isPreview:null!=d&&d}),children:null==r?void 0:r.map((r,o)=>{var l,t;const s={components:r.components,mapping:null===(t=null===(l=null==c?void 0:c.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[o],content:null==c?void 0:c.content,templateType:null==c?void 0:c.templateType};return e(n,{channel:u,currentTemplate:s,carouselCardIndex:o,isPreview:d,width:"100%",showSampleValues:w},o)})})});export{c as CarouselPreview};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import l from"react-slick";import{Container as t,CarouselSlickContainer as s}from"./CarouselPreview.style.js";import n from"./CarouselPreviewCard.js";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as d,isRCSChannel as a}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as u}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as m,CustomCarouselLeftArrow as p}from"./CustomCarouselArrows.js";const c=o.forwardRef((o=>{let{channel:l,template:s,isPreview:m,removeBottomBorder:p,borderRadius:c,showArrows:w,hideBorder:h,showSampleValues:C}=o;var f,x;const{sliderRef:I,selectedCarouselIndex:P,cardCount:R,setIsCarouselHovered:S,cardIndex:j}=i(),g=-1==j?d(l):j,A=null===(x=null===(f=null==s?void 0:s.components)||void 0===f?void 0:f[g])||void 0===x?void 0:x.cards,B=(null==A?void 0:A.length)?e(v,{cards:A,cardCount:null!=R?R:0,selectedCarouselIndex:null!=P?P:-1,sliderRef:I,isPreview:m,showArrows:w,channel:l,template:s,setIsCarouselHovered:S,showSampleValues:!!C}):null;return a(l)?e(u,{borderRadius:c,children:B}):r(t,{removeBottomBorder:p,borderRadius:c,hideBorder:h,children:[e(n,{channel:l,currentTemplate:s,carouselCardIndex:-1,isPreview:m,width:"77%"}),B]})})),v=r=>{let{cards:o,cardCount:t,selectedCarouselIndex:i,sliderRef:d,isPreview:a,showArrows:u,channel:c,template:v,setIsCarouselHovered:w,showSampleValues:h}=r;return e(s,{cardCount:t,selectedCarouselIndex:i,onMouseEnter:()=>null==w?void 0:w(!0),onMouseLeave:()=>null==w?void 0:w(!1),children:e(l,{ref:d,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!a,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e(m,{isPreview:null!=a&&a}),prevArrow:e(p,{isPreview:null!=a&&a}),children:null==o?void 0:o.map(((r,o)=>{var l,t;const s={components:r.components,mapping:null===(t=null===(l=null==v?void 0:v.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[o],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e(n,{channel:c,currentTemplate:s,carouselCardIndex:o,isPreview:a,width:"100%",showSampleValues:h},o)}))})})};export{c as CarouselPreview};

package/dist/esm/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as p}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as r}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import"../template-preview/models/Channels.js";import{determineCardIndex as a}from"../template-preview/helpers/templateMiscHelper.js";const i=t.forwardRef(({channel:t,currentTemplate:i,showSampleValues:l,carouselCardIndex:m,isPreview:o,width:s})=>{var n,d,h;const{cardWidth:c,template:v,cardIndex:w}=p(),u=-1==w?a(t):w,j=(null!==(h=null===(d=null===(n=null==v?void 0:v.components)||void 0===n?void 0:n[u].cards)||void 0===d?void 0:d.length)&&void 0!==h?h:0)-1===m?12:0;return e("div",{style:{width:s||c,height:(null!=m?m:-1)>-1?"100%":"auto"},children:e(r,{showSampleValues:l,template:i,channel:t,size:"small",hideHeader:!0,carouselCardIndex:m,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})})});export{i as default};
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as p}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as r}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import"../template-preview/models/Channels.js";import{determineCardIndex as a}from"../template-preview/helpers/templateMiscHelper.js";const i=t.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:m,carouselCardIndex:o,isPreview:s,width:n}=t;var d,h,c;const{cardWidth:v,template:w,cardIndex:u}=p(),j=-1==u?a(i):u,f=(null!==(c=null===(h=null===(d=null==w?void 0:w.components)||void 0===d?void 0:d[j].cards)||void 0===h?void 0:h.length)&&void 0!==c?c:0)-1===o?12:0;return e("div",{style:{width:n||v,height:(null!=o?o:-1)>-1?"100%":"auto"},children:e(r,{showSampleValues:m,template:l,channel:i,size:"small",hideHeader:!0,carouselCardIndex:o,isWhatsappCarousel:!0,isPreview:s,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:f,height:"100%"}}})})}));export{i as default};

package/dist/esm/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/chevronLeft2.svg.js";import o from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight2.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{useState as n,useRef as l,useEffect as m}from"react";import{Button as c}from"../button/Button.js";import{CarouselContainer as a,CarouselBody as d,CarouselPage as h,CarouselFooter as p,PageIndicator as v,Indicator as g}from"./CarouselSecondary.style.js";import{CarouselVersion as u}from"./model.js";export{CarouselVersion}from"./model.js";const f=({pages:f,onComplete:y,textAlign:V,version:b,onCompleteText:j})=>{const[x,C]=n(0),T=l(null);return m(()=>{T.current&&T.current.scrollTo({left:T.current.offsetWidth*x,behavior:"smooth"})},[x]),e(a,{version:b||u.V1,children:[t(d,{ref:T,textAlign:V,children:f.map((e,r)=>t(h,{isActive:r===x,children:e},r))}),e(p,{version:b||u.V1,children:[t("div",{style:{visibility:b===u.V2&&0===x?"hidden":"visible"},children:t(c,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{C(e=>0===e?e:e-1)},size:b===u.V2?"small":"medium",LeadingIcon:b===u.V2?r:o,disabled:!x})}),t(v,{children:f.map((e,r)=>t(g,{isActive:r===x,version:b||u.V1,onClick:()=>{C(r)}},r))}),t(c,{buttonText:x===f.length-1?j||"Get started":"Next",buttonType:x===f.length-1||b===u.V2?"tertiary":"tertiaryGray",onClick:()=>{C(e=>e===f.length-1?e:e+1),x===f.length-1&&y()},size:b===u.V2?"small":"medium",TrailingIcon:x<f.length-1?b===u.V2?i:s:void 0,style:b===u.V2?{}:{background:"transparent"}})]})]})};export{f as CarouselSecondary};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/chevronLeft2.svg.js";import o from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight2.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{useState as n,useRef as l,useEffect as m}from"react";import{Button as c}from"../button/Button.js";import{CarouselContainer as a,CarouselBody as d,CarouselPage as h,CarouselFooter as p,PageIndicator as v,Indicator as g}from"./CarouselSecondary.style.js";import{CarouselVersion as u}from"./model.js";export{CarouselVersion}from"./model.js";const f=f=>{let{pages:y,onComplete:V,textAlign:b,version:j,onCompleteText:x}=f;const[C,T]=n(0),k=l(null);return m((()=>{k.current&&k.current.scrollTo({left:k.current.offsetWidth*C,behavior:"smooth"})}),[C]),e(a,{version:j||u.V1,children:[t(d,{ref:k,textAlign:b,children:y.map(((e,r)=>t(h,{isActive:r===C,children:e},r)))}),e(p,{version:j||u.V1,children:[t("div",{style:{visibility:j===u.V2&&0===C?"hidden":"visible"},children:t(c,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{T((e=>0===e?e:e-1))},size:j===u.V2?"small":"medium",LeadingIcon:j===u.V2?r:o,disabled:!C})}),t(v,{children:y.map(((e,r)=>t(g,{isActive:r===C,version:j||u.V1,onClick:()=>{T(r)}},r)))}),t(c,{buttonText:C===y.length-1?x||"Get started":"Next",buttonType:C===y.length-1||j===u.V2?"tertiary":"tertiaryGray",onClick:()=>{T((e=>e===y.length-1?e:e+1)),C===y.length-1&&V()},size:j===u.V2?"small":"medium",TrailingIcon:C<y.length-1?j===u.V2?i:s:void 0,style:j===u.V2?{}:{background:"transparent"}})]})]})};export{f as CarouselSecondary};

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a(()=>i.activeColor||b.background.positive.vibrant,[i.activeColor]);return e("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t(()=>{p(a.isChecked)},[a.isChecked]),t(()=>{w(a.isDisabled||!1)},[a.isDisabled]),t(()=>{S(a.isPartiallyChecked||!1)},[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};
+import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a((()=>i.activeColor||b.background.positive.vibrant),[i.activeColor]);return e("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t((()=>{p(a.isChecked)}),[a.isChecked]),t((()=>{w(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{S(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s(()=>{d(a.listItems)},[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find(t=>t.value===e);s&&(s.isChecked=t),d(i);const o=i.filter(t=>t.isChecked);a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map(t=>e(o,Object.assign({},t,{onValueChange:p}),t.value))})]})};export{a as CheckList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s((()=>{d(a.listItems)}),[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find((t=>t.value===e));s&&(s.isChecked=t),d(i);const o=i.filter((t=>t.isChecked));a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map((t=>e(o,Object.assign({},t,{onValueChange:p}),t.value)))})]})};export{a as CheckList};

package/dist/esm/components/code-block/CodeBlock.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=({code:y="",language:C=g.JAVASCRIPT,title:x="",hideLineNumbers:b=!1,maxHeight:j="400px",maxWidth:M,theme:H="dark",hideHeader:k=!1,hideCopy:_=!1})=>{const[L,T]=r(!1),[w,B]=r(y);d(()=>{let o=!0;return e(void 0,void 0,void 0,function*(){try{const e=yield import(`./languageSpecificFormatting/${C}_file.ts`);if((null==e?void 0:e.format)&&o)return void B(e.format(y))}catch(e){}o&&B(y)}),()=>{o=!1}},[y,C]);const S=w.split("\n");return o(n,{themeMode:H,maxWidth:M,children:[!k&&o(a,{themeMode:H,children:[o(l,{children:[!!x&&x&&t(m,{themeMode:H,children:x}),t(s,{bg:(A=C,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[A.toLowerCase()]||("dark"===H?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(C),children:C})]}),!_&&t(h,{themeMode:H,onClick:()=>e(void 0,void 0,void 0,function*(){try{yield navigator.clipboard.writeText(y),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout(()=>T(!1),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}),children:t(i,L?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:j,children:[!b&&t(f,{themeMode:H,children:S.map((e,o)=>t("div",{children:o+1},o))}),t(u,{themeMode:H,children:S.map((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,C,H)||" "}},o))})]})]});var A};export{y as CodeBlock};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=y=>{let{code:C="",language:x=g.JAVASCRIPT,title:b="",hideLineNumbers:j=!1,maxHeight:M="400px",maxWidth:H,theme:k="dark",hideHeader:_=!1,hideCopy:L=!1}=y;const[T,w]=r(!1),[B,S]=r(C);d((()=>{let o=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${x}_file.ts`);if((null==e?void 0:e.format)&&o)return void S(e.format(C))}catch(e){}o&&S(C)})),()=>{o=!1}}),[C,x]);const A=B.split("\n");return o(n,{themeMode:k,maxWidth:H,children:[!_&&o(a,{themeMode:k,children:[o(l,{children:[!!b&&b&&t(m,{themeMode:k,children:b}),t(s,{bg:(F=x,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[F.toLowerCase()]||("dark"===k?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(x),children:x})]}),!L&&t(h,{themeMode:k,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(C),w(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>w(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:t(i,T?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:M,children:[!j&&t(f,{themeMode:k,children:A.map(((e,o)=>t("div",{children:o+1},o)))}),t(u,{themeMode:k,children:A.map(((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,x,k)||" "}},o)))})]})]});var F};export{y as CodeBlock};

package/dist/esm/components/code-block/CodeBlock.styled.js

@@ -1,17 +1,17 @@
-import e from"styled-components";const o=e.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
+import e from"styled-components";const r=e.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${({maxWidth:e})=>e&&`max-width: ${e};`}
-`,d=e.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
+	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
+`,o=e.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
 	border-bottom: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
@@ -24,32 +24,32 @@ import e from"styled-components";const o=e.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${({color:e})=>e};
-`;const r=e.div`
+	background-color: ${e=>{let{color:r}=e;return r}};
+`;const t=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,t=e.span`
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+`,d=e.span`
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 14px;
 	font-weight: 500;
-`,i=e.div`
-	background-color: ${({bg:e})=>e};
-	color: ${({color:e})=>e||"#ffffff"};
+`,n=e.div`
+	background-color: ${e=>{let{bg:r}=e;return r}};
+	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,n=e.button`
+`,i=e.button`
 	background-color: transparent;
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@ import e from"styled-components";const o=e.div`
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
+		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
 	}
-`,a=e.div`
-	max-height: ${({maxHeight:e})=>e};
+`,l=e.div`
+	max-height: ${e=>{let{maxHeight:r}=e;return r}};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,f=e.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
-	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
+`,a=e.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
 	min-width: 40px;
-`,l=e.pre`
+`,f=e.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@ import e from"styled-components";const o=e.div`
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
 	}
 
 	.comment {
-		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 	}
-`;export{l as Code,a as CodeContainer,o as Container,n as CopyButton,d as Header,i as LanguageBadge,f as LineNumbers,t as Title,r as TitleSection};
+`;export{f as Code,l as CodeContainer,r as Container,i as CopyButton,o as Header,n as LanguageBadge,a as LineNumbers,d as Title,t as TitleSection};

package/dist/esm/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const s={javascript:e},l=o=>{let e=0;for(let s=0;s<o.length;s++)e=(e<<5)-e+o.charCodeAt(s),e|=0;return Math.abs(e)},r=(e,r,n="dark")=>{const a=o[r.toLowerCase()]||[],c=(({theme:e,lang:r})=>{var n,a;const c=o[r.toLowerCase()]||[],t={};let g={},i=[];const p=s[r.toLowerCase()];if(p)try{g=(null===(n=p.colorOverWrite)||void 0===n?void 0:n.call(p,e))||{},i=(null===(a=p.colorMap)||void 0===a?void 0:a.call(p,e))||[],console.log(`Formatter found for ${r} (${e}):`,{overrides:Object.keys(g),colorMapLength:i.length,colorMapColors:i})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const d="dark"===e?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},f=Object.values(d);return console.log(`Processing ${c.length} keywords for ${r}`),c.forEach(o=>{if(null==g?void 0:g[o])t[o]=g[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${g[o]}`);else if(i&&i.length>0){const e=l(o)%i.length;t[o]=i[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${i[e]}`)}else{const e=l(o)%f.length;t[o]=f[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${f[e]}`)}}),t})({theme:n,lang:r});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort((o,e)=>e.length-o.length);return console.log(`Processing ${r} keywords in order:`,g),g.forEach(o=>{let e;e="css"===r.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const s=t;t="css"===r.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),s!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)}),t};export{r as highlightCode};
+import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const l={javascript:e},n=o=>{let e=0;for(let l=0;l<o.length;l++)e=(e<<5)-e+o.charCodeAt(l),e|=0;return Math.abs(e)},s=function(e,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[s.toLowerCase()]||[],c=(e=>{let{theme:s,lang:r}=e;var a,c;const t=o[r.toLowerCase()]||[],g={};let i={},p=[];const d=l[r.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,s))||{},p=(null===(c=d.colorMap)||void 0===c?void 0:c.call(d,s))||[],console.log(`Formatter found for ${r} (${s}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const f="dark"===s?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${t.length} keywords for ${r}`),t.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=n(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=n(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:r,lang:s});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${s} keywords in order:`,g),g.forEach((o=>{let e;e="css"===s.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const l=t;t="css"===s.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),l!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)})),t};export{s as highlightCode};

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r(()=>{m.selectedCountry&&C(m.selectedCountry)},[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map(t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}}),disabled:m.disabled,onSelect:o=>{const e=d.filter(e=>e.code===o.value);C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map((t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};

package/dist/esm/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},j=j=>{const[D,f]=n(j.time),[h,v]=n(j.date);s(()=>{j.setError(void 0);const o=l.convert12HourTimeTo24Hour(D),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),j.onChange(i)},[h,D]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:j.placement,minDate:j.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(D),onSelect:o=>{f(o.value)},children:e(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void j.setError("Selected time should be later than current time");j.setError(void 0),f(o)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),j.error&&e(p,{style:{paddingTop:8},children:j.error})]})};export{j as CustomDateTime};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},j=j=>{const[D,f]=n(j.time),[h,v]=n(j.date);s((()=>{j.setError(void 0);const o=l.convert12HourTimeTo24Hour(D),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),j.onChange(i)}),[h,D]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:j.placement,minDate:j.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(D),onSelect:o=>{f(o.value)},children:e(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void j.setError("Selected time should be later than current time");j.setError(void 0),f(o)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),j.error&&e(p,{style:{paddingTop:8},children:j.error})]})};export{j as CustomDateTime};

package/dist/esm/components/custom-date-time/CustomDateTime.styled.js

@@ -10,6 +10,7 @@ import o from"styled-components";import{DEFAULT_THEME as e}from"../../constants/
 		border: 1px solid ${e.colorsV2.stroke.primary};
 		display: flex;
 		align-items: center;
+		height: 48px;
 		padding: 12px 8px 12px 16px;
 		border-radius: 4px;
 	}

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,()=>{f(!1)}),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};
+import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,(()=>{f(!1)})),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{FiveStar as n}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=({onClose:p,onSubmit:c,quickAnswerOptions:S,titleMap:u,feedbackMap:d,fullStarSubmitText:f,onRatingChange:h,initialText:b,fiveStar:x})=>{const[j,w]=e(0);function v(t){w(t),null==h||h(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:p,children:t(i,{width:24,height:24})}),0===j?t(a,{handleStarSelection:v,initialText:b}):5===j?t(n,{fullStarSubmitText:f,onSubmit:c,handleStarSelection:v,subtext:null==x?void 0:x.subText}):t(s,{titleMap:u,feedbackMap:d,stars:j,onStarChange:v,onSubmit:c,quickAnswerOptions:S})]})})};export{p as DashboardReviewPopUp};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{FiveStar as n}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=p=>{let{onClose:c,onSubmit:S,quickAnswerOptions:u,titleMap:d,feedbackMap:f,fullStarSubmitText:h,onRatingChange:b,initialText:x,fiveStar:j}=p;const[w,v]=e(0);function g(t){v(t),null==b||b(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:c,children:t(i,{width:24,height:24})}),0===w?t(a,{handleStarSelection:g,initialText:x}):5===w?t(n,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:g,subtext:null==j?void 0:j.subText}):t(s,{titleMap:d,feedbackMap:f,stars:w,onStarChange:g,onSubmit:S,quickAnswerOptions:u})]})})};export{p as DashboardReviewPopUp};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as r}from"../../star-rating/StarRating.js";import{TitleMedium as o,BodySecondary as n,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as l,Button as s}from"./FiveStar.styled.js";const c=({handleStarSelection:c,onSubmit:d,fullStarSubmitText:h,subtext:m})=>e(l,{children:[t(o,{color:i.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),t(r,{starSize:32,value:5,onChange:c}),t(n,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=m?m:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>d(5),children:t(a,{color:i.content.brand,children:h})})]});export{c as FiveStar};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as r}from"../../star-rating/StarRating.js";import{TitleMedium as n,BodySecondary as o,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as l,Button as s}from"./FiveStar.styled.js";const c=c=>{let{handleStarSelection:d,onSubmit:h,fullStarSubmitText:m,subtext:p}=c;return e(l,{children:[t(n,{color:i.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),t(r,{starSize:32,value:5,onChange:d}),t(o,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=p?p:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>h(5),children:t(a,{color:i.content.brand,children:m})})]})};export{c as FiveStar};

package/dist/esm/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as i}from"react";import{StarRating as n}from"../../star-rating/StarRating.js";import{TitleRegular as l,BodySecondary as c,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{Container as t,StarWrapper as s,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},v={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},k=({stars:k,titleMap:y,feedbackMap:b,onStarChange:g,onSubmit:w,quickAnswerOptions:x})=>{const S=null!=y?y:f,W=null!=b?b:v,[j,Y]=o([]),C=i(null),A=S[k],D=W[k];return e(t,{children:[e(s,{children:[r(l,{color:d.surface.standard,children:A}),r(n,{starSize:24,value:k,onChange:g})]}),x&&e("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[r(l,{color:d.surface.standard,children:D}),r(p,{children:null==x?void 0:x.map((e,o)=>{const i=j.includes(e);return r(u,{selected:i,onClick:()=>{Y(i?r=>r.filter(r=>r!==e):r=>[...r,e])},children:r(c,{color:i?d.background.inverse:d.surface.standard,children:e})},o)})})]}),e("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[r(l,{color:d.surface.standard,children:"Add detailed feedback"}),r(m,{placeholder:"We read every response!",ref:C})]}),r("div",{style:{width:"100%"},children:r(h,{onClick:function(){var e,r;w(k,j,null!==(r=null===(e=C.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:r(a,{color:d.content.primaryInverse,children:"Submit"})})})]})};export{k as Form};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as i}from"react";import{StarRating as n}from"../../star-rating/StarRating.js";import{TitleRegular as l,BodySecondary as c,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";import{Container as d,StarWrapper as s,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},v={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},k=k=>{let{stars:y,titleMap:b,feedbackMap:g,onStarChange:w,onSubmit:x,quickAnswerOptions:S}=k;const W=null!=b?b:f,j=null!=g?g:v,[Y,C]=o([]),A=i(null),D=W[y],M=j[y];return e(d,{children:[e(s,{children:[r(l,{color:t.surface.standard,children:D}),r(n,{starSize:24,value:y,onChange:w})]}),S&&e("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[r(l,{color:t.surface.standard,children:M}),r(p,{children:null==S?void 0:S.map(((e,o)=>{const i=Y.includes(e);return r(u,{selected:i,onClick:()=>{C(i?r=>r.filter((r=>r!==e)):r=>[...r,e])},children:r(c,{color:i?t.background.inverse:t.surface.standard,children:e})},o)}))})]}),e("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[r(l,{color:t.surface.standard,children:"Add detailed feedback"}),r(m,{placeholder:"We read every response!",ref:A})]}),r("div",{style:{width:"100%"},children:r(h,{onClick:function(){var e,r;x(y,Y,null!==(r=null===(e=A.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:r(a,{color:t.content.primaryInverse,children:"Submit"})})})]})};export{k as Form};

package/dist/esm/components/dashboard-review-popup/components/ZeroState.js

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as o}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const a=r.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const l=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,l=({handleStarSelection:r,initialText:l})=>e(a,{children:[t(o,{color:n.surface.standard,children:null!=l?l:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:r})})]});export{l as ZeroState};
+`,a=r=>{let{handleStarSelection:a,initialText:s}=r;return e(l,{children:[t(n,{color:o.surface.standard,children:null!=s?s:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:a})})]})};export{a as ZeroState};

package/dist/esm/components/data-source-panel/DataSourceInfoFooter.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/alert_triangle.svg.js";import r from"../../assets/icons/plus.svg.js";import{memo as d,useState as a,useMemo as l,useEffect as s}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Button as u}from"../button/Button.js";import h from"../markdown/index.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as p}from"../TypographyStyle.js";import{SourceInfoFooterStyle as v}from"./DataSourcePanel.style.js";const g=d(d=>{const{appType:h,sourceIntent:g,hideHeading:A,messageSource:y,trainingSourceCount:f={},ShowTrainingDataSource:I={},faqCount:R,ChecklistType:w,footerButtonOption:N,isFooterLoading:_,reasonForAiGeneratedResponse:k,showAiResponseReason:C,aiResponseLoading:F}=d,E=I,[O,D]=a(!0),[S,x]=a(!0),P="/bik-ai/training",[U,L]=a({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[M,j]=a({title:"",subTitle:""}),q=l(()=>{const e=(null==f?void 0:f[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`},[f,g]),H=()=>{var e;(null==U?void 0:U.redirectUrl)?window.open(`${window.location.origin}${null==U?void 0:U.redirectUrl}`,"_self"):Object.keys(null!==(e=null==U?void 0:U.addFaqProps)&&void 0!==e?e:{}).length>0?null==N||N.onClick(U):(null==N?void 0:N.navigate)&&(null==N||N.navigate("Training",h==i.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return s(()=>{var e,o,t,n;if(g){if(null===(e=null==y?void 0:y.sources)||void 0===e?void 0:e.length){const e=y.sources[0];if(E[g])g===w.ORDER_ENQUIRY&&x(!1);else{let r=null==e?void 0:e.insights,d="";switch(g){case w.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${R||"No"} FAQs added for this product`,d="Add product-specific information via FAQs to improve responses",L({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case w.ORDER_MODIFICATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_CANCELLATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;L({buttonTitle:h==i.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:h==i.MANIFEST?"/training/order-management":P,addFaqProps:{}});break;case w.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(t=null===(o=null==y?void 0:y.sources)||void 0===o?void 0:o[0])||void 0===t?void 0:t.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}j({title:null!=r?r:"",subTitle:d})}}(E[g]||[w.PRODUCT_DETAILS,w.ORDER_MODIFICATION,w.ORDER_CANCELLATION,w.ORDER_TRACKING].includes(g))&&D(!1)}},[null==y?void 0:y.messageId,f,g,null==y?void 0:y.sources,E,w,R,h,y]),e(v,{children:e(o,_?{children:e(m,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}:{children:!(null==M?void 0:M.title)&&f&&g in f?t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details "+(f[g]>0?"":"no_data_source"),children:[f[g]>0&&S?t(o,{children:[e(p,{children:q}),e(p,{color:c.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&t("div",{className:"no_data_source_title",children:[e(n,{width:15,height:15,color:c.content.negative,style:{marginTop:2}}),e(p,{children:"No data sources added to the identified link"})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]}):t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details",children:[S&&t(o,{children:[e(p,{children:null==M?void 0:M.title}),e(p,{color:c.content.secondary,children:null==M?void 0:M.subTitle})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]})})})}),T=d(o=>o.hideHeading?null:e(p,{color:c.content.secondary,children:"Training insights"})),b=d(n=>n.appType!==i.MANIFEST?e(o,{}):e(o,{children:n.isLoading?e("div",{style:{height:70,width:"100%",marginBottom:8},children:e(m,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):t("div",{className:"source_info_details",children:[e(p,{color:c.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e(p,{color:c.content.secondary,className:"clamp-text",children:e(h,{text:n.reason||"No reason provided for this response."})})]})}));b.displayName="WhyAiGaveThisResponse",T.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/alert_triangle.svg.js";import r from"../../assets/icons/plus.svg.js";import{memo as d,useState as a,useMemo as l,useEffect as s}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Button as u}from"../button/Button.js";import h from"../markdown/index.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as p}from"../TypographyStyle.js";import{SourceInfoFooterStyle as v}from"./DataSourcePanel.style.js";const g=d((d=>{const{appType:h,sourceIntent:g,hideHeading:A,messageSource:y,trainingSourceCount:f={},ShowTrainingDataSource:I={},faqCount:R,ChecklistType:w,footerButtonOption:N,isFooterLoading:_,reasonForAiGeneratedResponse:k,showAiResponseReason:C,aiResponseLoading:F}=d,E=I,[O,D]=a(!0),[S,x]=a(!0),P="/bik-ai/training",[U,L]=a({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[M,j]=a({title:"",subTitle:""}),q=l((()=>{const e=(null==f?void 0:f[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`}),[f,g]),H=()=>{var e;(null==U?void 0:U.redirectUrl)?window.open(`${window.location.origin}${null==U?void 0:U.redirectUrl}`,"_self"):Object.keys(null!==(e=null==U?void 0:U.addFaqProps)&&void 0!==e?e:{}).length>0?null==N||N.onClick(U):(null==N?void 0:N.navigate)&&(null==N||N.navigate("Training",h==i.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return s((()=>{var e,o,t,n;if(g){if(null===(e=null==y?void 0:y.sources)||void 0===e?void 0:e.length){const e=y.sources[0];if(E[g])g===w.ORDER_ENQUIRY&&x(!1);else{let r=null==e?void 0:e.insights,d="";switch(g){case w.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${R||"No"} FAQs added for this product`,d="Add product-specific information via FAQs to improve responses",L({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case w.ORDER_MODIFICATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_CANCELLATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;L({buttonTitle:h==i.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:h==i.MANIFEST?"/training/order-management":P,addFaqProps:{}});break;case w.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(t=null===(o=null==y?void 0:y.sources)||void 0===o?void 0:o[0])||void 0===t?void 0:t.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}j({title:null!=r?r:"",subTitle:d})}}(E[g]||[w.PRODUCT_DETAILS,w.ORDER_MODIFICATION,w.ORDER_CANCELLATION,w.ORDER_TRACKING].includes(g))&&D(!1)}}),[null==y?void 0:y.messageId,f,g,null==y?void 0:y.sources,E,w,R,h,y]),e(v,{children:e(o,_?{children:e(m,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}:{children:!(null==M?void 0:M.title)&&f&&g in f?t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details "+(f[g]>0?"":"no_data_source"),children:[f[g]>0&&S?t(o,{children:[e(p,{children:q}),e(p,{color:c.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&t("div",{className:"no_data_source_title",children:[e(n,{width:15,height:15,color:c.content.negative,style:{marginTop:2}}),e(p,{children:"No data sources added to the identified link"})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]}):t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details",children:[S&&t(o,{children:[e(p,{children:null==M?void 0:M.title}),e(p,{color:c.content.secondary,children:null==M?void 0:M.subTitle})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]})})})})),T=d((o=>o.hideHeading?null:e(p,{color:c.content.secondary,children:"Training insights"}))),b=d((n=>n.appType!==i.MANIFEST?e(o,{}):e(o,{children:n.isLoading?e("div",{style:{height:70,width:"100%",marginBottom:8},children:e(m,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):t("div",{className:"source_info_details",children:[e(p,{color:c.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e(p,{color:c.content.secondary,className:"clamp-text",children:e(h,{text:n.reason||"No reason provided for this response."})})]})})));b.displayName="WhyAiGaveThisResponse",T.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};

package/dist/esm/components/data-source-panel/DataSourcePanel.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/box_search.svg.js";import r from"../../assets/icons/boxV2.svg.js";import l from"../../assets/icons/chevronDownOutline.svg.js";import s from"../../assets/icons/chevronUpOutline.svg.js";import d from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/edit.svg.js";import c from"../../assets/icons/filePdf.svg.js";import p from"../../assets/icons/help.svg.js";import u from"../../assets/icons/info.svg.js";import h from"../../assets/icons/openai.svg.js";import m from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import f from"../../assets/icons/text_t9.svg.js";import v from"../../assets/icons/website.svg.js";import{useState as y,useMemo as x,useEffect as C,useCallback as I}from"react";import{COLORS as T}from"../../constants/Theme.js";import{Button as E}from"../button/Button.js";import{IconButton as S}from"../icon-button/IconButton.js";import{BikShimmer as w}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as L}from"../side-modal/SideModal.js";import{Tag as b}from"../tag/Tag.js";import{Tooltip as N}from"../tooltips/Tooltip.js";import{TitleSmall as k,BodyCaption as j,BodySecondary as A}from"../TypographyStyle.js";import _ from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as O}from"./DataSourcePanel.style.js";import{intentConfig as D}from"./IntentConfig.js";import{DescriptionModal as F}from"./Modals/DescriptionModal.js";import{CustomDataType as R}from"./model.js";const P=P=>{var B,U;const{appType:K,storeId:M,messageSource:W,setMessageSourcePanel:$,hideCloseButton:H,isSourceInfoFetched:q,allSourceInfoDetail:Q,ChecklistType:G,title:Y,zeroStateButton:z,editableSources:X,preFillTrainingSourceCount:V,redirect:J,footerButtonOption:Z,fetchTrainingSourceCount:ee,fetchProductFAQCount:te,productSourceData:oe,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re,productSearchRule:le,onEditProductSearchRule:se}=P,{sources:de}=W,ae=["blog","article","page","policy"],[ce,pe]=y(!1),[ue,he]=y(!1),[me,ge]=y(!1),[fe,ve]=y(0),[ye,xe]=y(),[Ce,Ie]=y(null!=V?V:{}),[Te,Ee]=y(!1),[Se,we]=y(!1),Le={};D.forEach(({key:t,type:o,tagText:i})=>{G[t]&&(Le[G[t]]=e(b,{theme:"light",type:o,tagText:i,cursor:"pointer"}))});const be=de.filter(e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId),Ne=de.filter(e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId),ke=x(()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach(t=>{G[t]&&(e[G[t]]=G[t])}),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach(t=>{e[t]=t}),e},[G]);C(()=>{var e,t,o,i;if(!(null==W?void 0:W.messageId))return;pe(!0),he(!0),ge(!1!==(null===(t=null===(e=W.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(o=W.sources)||void 0===o?void 0:o[0])||void 0===i?void 0:i.insights));const n=W.sources.filter(e=>!!e.productId).map(e=>e.productId),r=Array.from(new Set(n)).filter(e=>!!e);te(M,r).then(e=>ve(e)).then(()=>{V?(Ie(V),setTimeout(()=>{pe(!1),he(!1)},100)):(setTimeout(()=>pe(!1),100),ee(M).then(e=>Ie(e)).then(()=>setTimeout(()=>{he(!1)},100)))})},[te,ee,null==W?void 0:W.messageId,W.sources,V,M]);const je=e=>!!(e&&0===e.length||(null==W?void 0:W.isUnsatisfactoryAnswer)),Ae=(e,t=!1)=>{var o;return"custom"==e?e=R.FILES:ae.includes(e)?e=R.FETCHED_LINKS:"url"==e?e=R.WEBSITE_LINKS:"text"===e?e=R.TEXTS:"faq"===e&&(e=R.FAQ),t?e:null===(o=null==e?void 0:e.toLowerCase())||void 0===o?void 0:o.replace(/_/g," ")},_e=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Oe=I(t=>e("products"==t||"product"==t?r:"files"==t?c:"website links"==t||"fetched links"==t?v:"faq"==t?p:"texts"==t?f:h,{height:16,width:16,color:T.content.secondary}),[]),De=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),o=document.createElement("textarea");return o.innerHTML=t,o.value};if(ce||!q)return e(O,{children:e(w,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Fe=n=>{const{title:r,count:d,isExpanded:a,onToggle:c,children:p}=n;return t("div",{children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:c,children:[t("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e(A,{children:r}),K===i.MANIFEST?e("div",{style:{backgroundColor:T.surface.subdued,color:T.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${T.stroke.primary}`},children:d}):e(o,{})]}),e(o,{children:K===i.BIK?e(o,{}):e(a?s:l,{width:20,height:20,color:T.content.primary})})]}),a&&p]})};return t(o,{children:[e(O,{children:t(o,{children:[t("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"},children:[!!Y&&e(k,{children:Y}),t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e(j,{color:T.content.secondary,children:"Intent"}),null!==(B=Le[W.intent])&&void 0!==B?B:Le.GENERIC,!H&&e("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>$(void 0),children:e(d,{height:20,width:20,color:T.content.secondary})})]}),le&&t("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(A,{color:T.content.primary,children:le.rule_name}),se&&le.rule_id&&t("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e(n,{width:14,color:T.content.secondary}),e(j,{color:T.content.secondary,children:"Edit search rule"}),e(S,{Icon:a,height:16,width:16,bordered:!0,iconColor:T.content.primary,onClick:()=>se(null==le?void 0:le.rule_id)})]})]}),le.keywords&&le.keywords.length>0&&e("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:T.surface.subdued,borderRadius:"8px",border:`1px dashed ${T.stroke.primary}`},children:le.keywords.map((t,o)=>e(b,{tagText:t,theme:"light"},`keyword-${o}`))})]}),je(de)?e("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:(()=>{var o,i;return t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${T.background.negative.light}`,borderRadius:"100px"},children:e(u,{width:24,height:24,color:T.stroke.negative.vibrant})}),e("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e(k,{children:"Insufficient data"})}),e(A,{color:T.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"},children:"No data available to answer this query. Add an FAQ to address it in the future"}),z&&e("div",{style:{display:"flex",width:"100%"},children:e(E,{LeadingIcon:null!==(o=z.leadingIcon)&&void 0!==o?o:m,buttonText:null!==(i=z.title)&&void 0!==i?i:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{z.onClick()}})})]})})()}):!le&&e(b,{LeadingIcon:u,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:W.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${K===i.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),me&&!je(de)&&e("div",{className:"footer",children:e(_,{appType:K,storeId:M,messageSource:W,sourceIntent:null!==(U=W.intent)&&void 0!==U?U:G.GENERIC,faqCount:fe,trainingSourceCount:Ce,ShowTrainingDataSource:ke,ChecklistType:G,footerButtonOption:Z,isFooterLoading:ue,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re})}),!je(de)&&t("div",{className:"info-container",children:[e(o,{children:be.length>0&&e("div",{className:"info-product-source",children:e(Fe,{title:"Product Sources",count:be.length,isExpanded:K!==i.MANIFEST||Te,onToggle:()=>Ee(!Te),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:be.map((i,n)=>{var r,l,s,d;const c=Ae(i.type||i.subTitle||"OpenAI"),p=Ae(i.type||i.subTitle||"OpenAI",!0),u=_e(c),h=null==X?void 0:X.includes(p),m=Q[null!==(r=i.productId)&&void 0!==r?r:"Products"],f=i.title,v=i.productId&&(null==oe?void 0:oe[i.productId]),y=v&&v.metafield.join(", ");return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==be?void 0:be.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(c),e(N,{body:f,placement:"top",children:e(A,{style:p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?J(i):{},children:f})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:u})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,h?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==m?void 0:m.onEditClick(m.data,m.type),disabled:!m,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!m,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),v&&t(j,{children:[e("span",{className:"product-data-text1",onClick:()=>{var e;xe({title:f,description:De(v.description),imageUrl:null!==(e=i.imageUrl)&&void 0!==e?e:"",onClose:()=>xe(void 0)})},children:`${null===(l=v.description)||void 0===l?void 0:l.length} characters description,`}),e("span",{className:"product-data-text1",onClick:()=>v.onEditFaqClick(v.faqs),children:`${null===(s=v.faqs)||void 0===s?void 0:s.length} FAQs, `}),e("span",{className:"product-data-text2",children:"and"}),e(N,{body:y,placement:"top",children:e("span",{className:"product-data-text1",children:`${null===(d=v.metafield)||void 0===d?void 0:d.length} metafields`})})]})]},`info-${n}`)})})})})}),e(o,{children:Ne.length>0&&e("div",{className:"info-content-source",children:e(Fe,{title:"Content Sources",count:Ne.length,isExpanded:K!==i.MANIFEST||Se,onToggle:()=>we(!Se),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:Ne.map((i,n)=>{var r,l,s,d,c,p,u,h,m,f,v,y,x,C,I,E,w;const L=Ae(i.type||i.subTitle||"OpenAI"),b=Ae(i.type||i.subTitle||"OpenAI",!0),k=_e(L),_=null==X?void 0:X.includes(b),O="Products"===i.subTitle?Q[null!==(r=i.productId)&&void 0!==r?r:"Products"]:Q[null!==(l=i.docId)&&void 0!==l?l:""],D=b.toLowerCase()===(null===(s=R.FAQ)||void 0===s?void 0:s.toLowerCase())?"faq"===(null===(d=i.title)||void 0===d?void 0:d.toLowerCase())?i.subTitle:i.title:b.toLowerCase()===(null===(c=R.FILES)||void 0===c?void 0:c.toLowerCase())||b.toLowerCase()===(null===(p=R.FETCHED_LINKS)||void 0===p?void 0:p.toLowerCase())||b.toLowerCase()===(null===(u=R.TEXTS)||void 0===u?void 0:u.toLowerCase())?i.title:b.toLowerCase()===(null===(h=R.WEBSITE_LINKS)||void 0===h?void 0:h.toLowerCase())?i.title.split("/")[i.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,(e,t,o)=>t.toUpperCase()+o):i.intent===G.EMAIL_COLLECTION?k:i.title,F="faq"===b.toLowerCase()?null!==(v=null!==(m=null==O?void 0:O.content)&&void 0!==m?m:null===(f=null==O?void 0:O.data)||void 0===f?void 0:f.answer)&&void 0!==v?v:"":b.toLowerCase()===(null===(y=R.FETCHED_LINKS)||void 0===y?void 0:y.toLowerCase())||b.toLowerCase()===(null===(x=R.WEBSITE_LINKS)||void 0===x?void 0:x.toLowerCase())||b.toLowerCase()===(null===(C=R.TEXTS)||void 0===C?void 0:C.toLowerCase())?null!==(w=null!==(I=null==O?void 0:O.content)&&void 0!==I?I:null===(E=null==O?void 0:O.data)||void 0===E?void 0:E.fileContentText)&&void 0!==w?w:"":i.intent===G.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==Ne?void 0:Ne.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(L),e(N,{body:D,placement:"top",children:e(A,{style:b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?J(i):{},children:D})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:k})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,_?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==O?void 0:O.onEditClick(O.data,O.type),disabled:!O,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!O,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),(null!=F?F:"").trim()&&e("div",{style:{padding:"4px 8px",border:`1px dashed ${T.stroke.primary}`,borderRadius:"4px",backgroundColor:T.surface.subdued},children:e(j,{color:T.content.primary,className:"clamp-description",children:De(null!=F?F:"").trim()})})]},`info-${n}`)})})})})})]}),null==P?void 0:P.children]})}),ye&&e(L,{header:"Product description",onClose:()=>xe(void 0),width:"30%",children:e(F,{title:ye.title,description:ye.description,imageUrl:ye.imageUrl,onClose:ye.onClose})})]})};export{P as DataSourcePanel};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/box_search.svg.js";import r from"../../assets/icons/boxV2.svg.js";import l from"../../assets/icons/chevronDownOutline.svg.js";import s from"../../assets/icons/chevronUpOutline.svg.js";import d from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/edit.svg.js";import c from"../../assets/icons/filePdf.svg.js";import p from"../../assets/icons/help.svg.js";import u from"../../assets/icons/info.svg.js";import h from"../../assets/icons/openai.svg.js";import m from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import f from"../../assets/icons/text_t9.svg.js";import v from"../../assets/icons/website.svg.js";import{useState as y,useMemo as x,useEffect as C,useCallback as I}from"react";import{COLORS as T}from"../../constants/Theme.js";import{Button as E}from"../button/Button.js";import{IconButton as S}from"../icon-button/IconButton.js";import{BikShimmer as w}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as L}from"../side-modal/SideModal.js";import{Tag as b}from"../tag/Tag.js";import{Tooltip as N}from"../tooltips/Tooltip.js";import{TitleSmall as k,BodyCaption as j,BodySecondary as A}from"../TypographyStyle.js";import _ from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as O}from"./DataSourcePanel.style.js";import{intentConfig as D}from"./IntentConfig.js";import{DescriptionModal as F}from"./Modals/DescriptionModal.js";import{CustomDataType as R}from"./model.js";const P=P=>{var B,U;const{appType:K,storeId:M,messageSource:W,setMessageSourcePanel:$,hideCloseButton:H,isSourceInfoFetched:q,allSourceInfoDetail:Q,ChecklistType:G,title:Y,zeroStateButton:z,editableSources:X,preFillTrainingSourceCount:V,redirect:J,footerButtonOption:Z,fetchTrainingSourceCount:ee,fetchProductFAQCount:te,productSourceData:oe,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re,productSearchRule:le,onEditProductSearchRule:se}=P,{sources:de}=W,ae=["blog","article","page","policy"],[ce,pe]=y(!1),[ue,he]=y(!1),[me,ge]=y(!1),[fe,ve]=y(0),[ye,xe]=y(),[Ce,Ie]=y(null!=V?V:{}),[Te,Ee]=y(!1),[Se,we]=y(!1),Le={};D.forEach((t=>{let{key:o,type:i,tagText:n}=t;G[o]&&(Le[G[o]]=e(b,{theme:"light",type:i,tagText:n,cursor:"pointer"}))}));const be=de.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),Ne=de.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),ke=x((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{G[t]&&(e[G[t]]=G[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[G]);C((()=>{var e,t,o,i;if(!(null==W?void 0:W.messageId))return;pe(!0),he(!0),ge(!1!==(null===(t=null===(e=W.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(o=W.sources)||void 0===o?void 0:o[0])||void 0===i?void 0:i.insights));const n=W.sources.filter((e=>!!e.productId)).map((e=>e.productId)),r=Array.from(new Set(n)).filter((e=>!!e));te(M,r).then((e=>ve(e))).then((()=>{V?(Ie(V),setTimeout((()=>{pe(!1),he(!1)}),100)):(setTimeout((()=>pe(!1)),100),ee(M).then((e=>Ie(e))).then((()=>setTimeout((()=>{he(!1)}),100))))}))}),[te,ee,null==W?void 0:W.messageId,W.sources,V,M]);const je=e=>!!(e&&0===e.length||(null==W?void 0:W.isUnsatisfactoryAnswer)),Ae=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var o;return"custom"==e?e=R.FILES:ae.includes(e)?e=R.FETCHED_LINKS:"url"==e?e=R.WEBSITE_LINKS:"text"===e?e=R.TEXTS:"faq"===e&&(e=R.FAQ),t?e:null===(o=null==e?void 0:e.toLowerCase())||void 0===o?void 0:o.replace(/_/g," ")},_e=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Oe=I((t=>e("products"==t||"product"==t?r:"files"==t?c:"website links"==t||"fetched links"==t?v:"faq"==t?p:"texts"==t?f:h,{height:16,width:16,color:T.content.secondary})),[]),De=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),o=document.createElement("textarea");return o.innerHTML=t,o.value};if(ce||!q)return e(O,{children:e(w,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Fe=n=>{const{title:r,count:d,isExpanded:a,onToggle:c,children:p}=n;return t("div",{children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:c,children:[t("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e(A,{children:r}),K===i.MANIFEST?e("div",{style:{backgroundColor:T.surface.subdued,color:T.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${T.stroke.primary}`},children:d}):e(o,{})]}),e(o,{children:K===i.BIK?e(o,{}):e(a?s:l,{width:20,height:20,color:T.content.primary})})]}),a&&p]})};return t(o,{children:[e(O,{children:t(o,{children:[t("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"},children:[!!Y&&e(k,{children:Y}),t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e(j,{color:T.content.secondary,children:"Intent"}),null!==(B=Le[W.intent])&&void 0!==B?B:Le.GENERIC,!H&&e("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>$(void 0),children:e(d,{height:20,width:20,color:T.content.secondary})})]}),le&&t("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(A,{color:T.content.primary,children:le.rule_name}),se&&le.rule_id&&t("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e(n,{width:14,color:T.content.secondary}),e(j,{color:T.content.secondary,children:"Edit search rule"}),e(S,{Icon:a,height:16,width:16,bordered:!0,iconColor:T.content.primary,onClick:()=>se(null==le?void 0:le.rule_id)})]})]}),le.keywords&&le.keywords.length>0&&e("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:T.surface.subdued,borderRadius:"8px",border:`1px dashed ${T.stroke.primary}`},children:le.keywords.map(((t,o)=>e(b,{tagText:t,theme:"light"},`keyword-${o}`)))})]}),je(de)?e("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:(()=>{var o,i;return t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${T.background.negative.light}`,borderRadius:"100px"},children:e(u,{width:24,height:24,color:T.stroke.negative.vibrant})}),e("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e(k,{children:"Insufficient data"})}),e(A,{color:T.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"},children:"No data available to answer this query. Add an FAQ to address it in the future"}),z&&e("div",{style:{display:"flex",width:"100%"},children:e(E,{LeadingIcon:null!==(o=z.leadingIcon)&&void 0!==o?o:m,buttonText:null!==(i=z.title)&&void 0!==i?i:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{z.onClick()}})})]})})()}):!le&&e(b,{LeadingIcon:u,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:W.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${K===i.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),me&&!je(de)&&e("div",{className:"footer",children:e(_,{appType:K,storeId:M,messageSource:W,sourceIntent:null!==(U=W.intent)&&void 0!==U?U:G.GENERIC,faqCount:fe,trainingSourceCount:Ce,ShowTrainingDataSource:ke,ChecklistType:G,footerButtonOption:Z,isFooterLoading:ue,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re})}),!je(de)&&t("div",{className:"info-container",children:[e(o,{children:be.length>0&&e("div",{className:"info-product-source",children:e(Fe,{title:"Product Sources",count:be.length,isExpanded:K!==i.MANIFEST||Te,onToggle:()=>Ee(!Te),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:be.map(((i,n)=>{var r,l,s,d;const c=Ae(i.type||i.subTitle||"OpenAI"),p=Ae(i.type||i.subTitle||"OpenAI",!0),u=_e(c),h=null==X?void 0:X.includes(p),m=Q[null!==(r=i.productId)&&void 0!==r?r:"Products"],f=i.title,v=i.productId&&(null==oe?void 0:oe[i.productId]),y=v&&v.metafield.join(", ");return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==be?void 0:be.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(c),e(N,{body:f,placement:"top",children:e(A,{style:p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?J(i):{},children:f})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:u})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,h?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==m?void 0:m.onEditClick(m.data,m.type),disabled:!m,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!m,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),v&&t(j,{children:[e("span",{className:"product-data-text1",onClick:()=>{var e;xe({title:f,description:De(v.description),imageUrl:null!==(e=i.imageUrl)&&void 0!==e?e:"",onClose:()=>xe(void 0)})},children:`${null===(l=v.description)||void 0===l?void 0:l.length} characters description,`}),e("span",{className:"product-data-text1",onClick:()=>v.onEditFaqClick(v.faqs),children:`${null===(s=v.faqs)||void 0===s?void 0:s.length} FAQs, `}),e("span",{className:"product-data-text2",children:"and"}),e(N,{body:y,placement:"top",children:e("span",{className:"product-data-text1",children:`${null===(d=v.metafield)||void 0===d?void 0:d.length} metafields`})})]})]},`info-${n}`)}))})})})}),e(o,{children:Ne.length>0&&e("div",{className:"info-content-source",children:e(Fe,{title:"Content Sources",count:Ne.length,isExpanded:K!==i.MANIFEST||Se,onToggle:()=>we(!Se),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:Ne.map(((i,n)=>{var r,l,s,d,c,p,u,h,m,f,v,y,x,C,I,E,w;const L=Ae(i.type||i.subTitle||"OpenAI"),b=Ae(i.type||i.subTitle||"OpenAI",!0),k=_e(L),_=null==X?void 0:X.includes(b),O="Products"===i.subTitle?Q[null!==(r=i.productId)&&void 0!==r?r:"Products"]:Q[null!==(l=i.docId)&&void 0!==l?l:""],D=b.toLowerCase()===(null===(s=R.FAQ)||void 0===s?void 0:s.toLowerCase())?"faq"===(null===(d=i.title)||void 0===d?void 0:d.toLowerCase())?i.subTitle:i.title:b.toLowerCase()===(null===(c=R.FILES)||void 0===c?void 0:c.toLowerCase())||b.toLowerCase()===(null===(p=R.FETCHED_LINKS)||void 0===p?void 0:p.toLowerCase())||b.toLowerCase()===(null===(u=R.TEXTS)||void 0===u?void 0:u.toLowerCase())?i.title:b.toLowerCase()===(null===(h=R.WEBSITE_LINKS)||void 0===h?void 0:h.toLowerCase())?i.title.split("/")[i.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,o)=>t.toUpperCase()+o)):i.intent===G.EMAIL_COLLECTION?k:i.title,F="faq"===b.toLowerCase()?null!==(v=null!==(m=null==O?void 0:O.content)&&void 0!==m?m:null===(f=null==O?void 0:O.data)||void 0===f?void 0:f.answer)&&void 0!==v?v:"":b.toLowerCase()===(null===(y=R.FETCHED_LINKS)||void 0===y?void 0:y.toLowerCase())||b.toLowerCase()===(null===(x=R.WEBSITE_LINKS)||void 0===x?void 0:x.toLowerCase())||b.toLowerCase()===(null===(C=R.TEXTS)||void 0===C?void 0:C.toLowerCase())?null!==(w=null!==(I=null==O?void 0:O.content)&&void 0!==I?I:null===(E=null==O?void 0:O.data)||void 0===E?void 0:E.fileContentText)&&void 0!==w?w:"":i.intent===G.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==Ne?void 0:Ne.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(L),e(N,{body:D,placement:"top",children:e(A,{style:b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?J(i):{},children:D})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:k})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,_?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==O?void 0:O.onEditClick(O.data,O.type),disabled:!O,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!O,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),(null!=F?F:"").trim()&&e("div",{style:{padding:"4px 8px",border:`1px dashed ${T.stroke.primary}`,borderRadius:"4px",backgroundColor:T.surface.subdued},children:e(j,{color:T.content.primary,className:"clamp-description",children:De(null!=F?F:"").trim()})})]},`info-${n}`)}))})})})})]}),null==P?void 0:P.children]})}),ye&&e(L,{header:"Product description",onClose:()=>xe(void 0),width:"30%",children:e(F,{title:ye.title,description:ye.description,imageUrl:ye.imageUrl,onClose:ye.onClose})})]})};export{P as DataSourcePanel};

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

@@ -45,4 +45,4 @@ import{__awaiter as i}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragmen
 		height: auto;
 		width: 100%;
 	}
-`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n(()=>{i(void 0,void 0,void 0,function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,function*(){return new Promise(i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r})})}(f);w(r),y(!0)})},[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};
+`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n((()=>{i(void 0,void 0,void 0,(function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,(function*(){return new Promise((i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r}))}))}(f);w(r),y(!0)}))}),[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import r from"react-calendar";import{Button as s}from"../button/Button.js";import{PickerContainer as l}from"./DatePicker.styled.js";import{TimePicker as o}from"./TimePicker.js";const c=c=>{const[m,u]=i(),[d,f]=i("00:00"),[g,p]=i("23:59");a(()=>{if(c.selectedDates){if(u(c.selectedDates),c.showTimePicker){if(c.selectedDates[0]){const e=c.selectedDates[0].getHours(),t=c.selectedDates[0].getMinutes();f(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(c.selectedDates[1]){const e=c.selectedDates[1].getHours(),t=c.selectedDates[1].getMinutes();p(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else u([null,null]),c.showTimePicker&&(f("00:00"),p("23:59"))},[c.selectedDates,c.showTimePicker]);const[D,h]=i(c.selectedDate),v=null===c.maxRangeLimit?null:void 0===c.maxRangeLimit?180:c.maxRangeLimit;function T(e,t){var n;if(Array.isArray(m)&&m[0]&&m[1]){if(e){const[t,n]=e.split(":").map(Number);m[0].setHours(t,n,0,0)}if(t){const[e,n]=t.split(":").map(Number);m[1].setHours(e,n,0,0)}c.showTimePicker||null===(n=c.onSelectRange)||void 0===n||n.call(c,m[0],m[1])}}return e(l,{selectRange:c.selectRange,children:[t(r,{onChange:e=>{c.selectRange&&c.onSelectRange?function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e[0].setHours(t,n,0,0)}if(c.showTimePicker&&g){const[t,n]=g.split(":").map(Number);e[1].setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectRange)||void 0===t||t.call(c,e[0],e[1]),u([e[0],e[1]])}(e):c.onSelectDate&&function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e.setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectDate)||void 0===t||t.call(c,e),h(e)}(e)},tileDisabled:({date:e,view:t})=>{if(!Array.isArray(m))return!1;const[n,i]=m;if(n&&!i&&null!==v){const i=Math.round((e-n)/864e5);return"month"===t&&(i<-v||i>v)}return!1},onClickDay:function(e){if(!Array.isArray(m))return void u([e,null]);const[t,n]=m;u(t&&t&&!n?[t,e]:[e,null])},value:c.selectRange?m:D,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate},"bik-calendar"),c.showTimePicker&&c.selectRange&&e(n,{children:[t(o,{fromTime:d,toTime:g,onFromTimeChange:function(e){f(e),T(e,g)},onToTimeChange:function(e){p(e),T(d,e)},timeInterval:c.timeInterval}),t("div",{className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"},children:t(s,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;c.selectRange&&Array.isArray(m)&&m[0]&&m[1]?null===(e=c.onSelectRange)||void 0===e||e.call(c,m[0],m[1]):!c.selectRange&&D&&(null===(t=c.onSelectDate)||void 0===t||t.call(c,D))}})})]})]})};export{c as DatePicker};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import r from"react-calendar";import{Button as s}from"../button/Button.js";import{PickerContainer as l}from"./DatePicker.styled.js";import{TimePicker as o}from"./TimePicker.js";const c=c=>{const[m,u]=i(),[d,f]=i("00:00"),[g,p]=i("23:59");a((()=>{if(c.selectedDates){if(u(c.selectedDates),c.showTimePicker){if(c.selectedDates[0]){const e=c.selectedDates[0].getHours(),t=c.selectedDates[0].getMinutes();f(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(c.selectedDates[1]){const e=c.selectedDates[1].getHours(),t=c.selectedDates[1].getMinutes();p(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else u([null,null]),c.showTimePicker&&(f("00:00"),p("23:59"))}),[c.selectedDates,c.showTimePicker]);const[D,h]=i(c.selectedDate),v=null===c.maxRangeLimit?null:void 0===c.maxRangeLimit?180:c.maxRangeLimit;function T(e,t){var n;if(Array.isArray(m)&&m[0]&&m[1]){if(e){const[t,n]=e.split(":").map(Number);m[0].setHours(t,n,0,0)}if(t){const[e,n]=t.split(":").map(Number);m[1].setHours(e,n,0,0)}c.showTimePicker||null===(n=c.onSelectRange)||void 0===n||n.call(c,m[0],m[1])}}return e(l,{selectRange:c.selectRange,children:[t(r,{onChange:e=>{c.selectRange&&c.onSelectRange?function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e[0].setHours(t,n,0,0)}if(c.showTimePicker&&g){const[t,n]=g.split(":").map(Number);e[1].setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectRange)||void 0===t||t.call(c,e[0],e[1]),u([e[0],e[1]])}(e):c.onSelectDate&&function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e.setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectDate)||void 0===t||t.call(c,e),h(e)}(e)},tileDisabled:e=>{let{date:t,view:n}=e;if(!Array.isArray(m))return!1;const[i,a]=m;if(i&&!a&&null!==v){const e=Math.round((t-i)/864e5);return"month"===n&&(e<-v||e>v)}return!1},onClickDay:function(e){if(!Array.isArray(m))return void u([e,null]);const[t,n]=m;u(t&&t&&!n?[t,e]:[e,null])},value:c.selectRange?m:D,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate},"bik-calendar"),c.showTimePicker&&c.selectRange&&e(n,{children:[t(o,{fromTime:d,toTime:g,onFromTimeChange:function(e){f(e),T(e,g)},onToTimeChange:function(e){p(e),T(d,e)},timeInterval:c.timeInterval}),t("div",{className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"},children:t(s,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;c.selectRange&&Array.isArray(m)&&m[0]&&m[1]?null===(e=c.onSelectRange)||void 0===e||e.call(c,m[0],m[1]):!c.selectRange&&D&&(null===(t=c.onSelectDate)||void 0===t||t.call(c,D))}})})]})]})};export{c as DatePicker};