@bikdotai/bik-component-library 0.0.840 → 0.0.841-beta.0

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as o, Fragment as T } from "react/jsx-runtime";
-import { ApplicationType as p } from "@bikdotai/bik-models/growth/models/bik-store";
-import b from "../../assets/icons/cross.svg.js";
+import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
+import { ApplicationType as f } from "@bikdotai/bik-models/growth/models/bik-store";
+import T from "../../assets/icons/cross.svg.js";
 import x from "../../assets/icons/info.svg.js";
-import { format as f } from "date-fns";
+import { format as p } from "date-fns";
 import { useState as r, useEffect as N } from "react";
 import { COLORS as n } from "../../constants/Theme.js";
-import { TitleRegular as k, BodySecondary as y, Caption as D } from "../TypographyStyle.js";
+import { TitleRegular as k, BodySecondary as m, Caption as D } from "../TypographyStyle.js";
 import { UnsatisfactoryCountIntentWiseModal as E } from "./UnsatisfactoryCountIntentWiseModal.js";
 import { IncorrectRepliesStyle as L } from "./UnsatisfactoryResponseList.style.js";
 import { StateComponent as j, StateInterface as B } from "../states/StateComponent.js";
-import { SIZE as m, AVATAR_BACKGROUND as W, AVATAR_TYPES as F } from "../avatar/AvatarHelper.js";
+import { SIZE as y, AVATAR_BACKGROUND as W, AVATAR_TYPES as F } from "../avatar/AvatarHelper.js";
 import { Avatar as O } from "../avatar/Avatar.js";
 import { Button as z } from "../button/Button.js";
 const se = (h) => {
@@ -25,7 +25,7 @@ const se = (h) => {
     redirectToUnsatisfactoryResponse: C,
     fetchUnsatisfactoryResponseCountIntentWise: M,
     fetchUnsatisfactoryResponseCount: l
-  } = h, [R, S] = r(""), [c, U] = r(s?.length > 0), [A, d] = r(!1);
+  } = h, [R, S] = r(""), [c, U] = r(s?.length > 0), [b, d] = r(!1);
   return N(() => {
     !c && l && l().then((t) => {
       t > 0 && U(!0), t === 0 && a(!1);
@@ -38,7 +38,7 @@ const se = (h) => {
         height: "100%"
       },
       children: /* @__PURE__ */ o(L, { children: [
-        i == p.MANIFEST && /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+        i == f.MANIFEST && /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -52,10 +52,11 @@ const se = (h) => {
                 /* @__PURE__ */ e(
                   "div",
                   {
+                    "data-testid": "manifest-close-button",
                     style: { cursor: "pointer" },
                     onClick: () => a(!1),
                     children: /* @__PURE__ */ e(
-                      b,
+                      T,
                       {
                         height: 16,
                         width: 16,
@@ -67,7 +68,7 @@ const se = (h) => {
               ]
             }
           ),
-          /* @__PURE__ */ e(y, { style: { color: n.content.secondary }, children: "Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses." })
+          /* @__PURE__ */ e(m, { style: { color: n.content.secondary }, children: "Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses." })
         ] }),
         !s?.length && /* @__PURE__ */ e(
           "div",
@@ -86,12 +87,12 @@ const se = (h) => {
                 subline: "As of now, all responses are correct",
                 isButtonEnabled: !1,
                 width: 0,
-                size: m.SMALL,
+                size: y.SMALL,
                 icon: /* @__PURE__ */ e(
                   O,
                   {
                     type: F.ICON,
-                    size: m.MEDIUM,
+                    size: y.MEDIUM,
                     background: W.LIGHT,
                     icon: () => /* @__PURE__ */ e(
                       x,
@@ -107,8 +108,8 @@ const se = (h) => {
             )
           }
         ),
-        !!s?.length && /* @__PURE__ */ o(T, { children: [
-          i == p.MANIFEST && /* @__PURE__ */ e(
+        !!s?.length && /* @__PURE__ */ o(A, { children: [
+          i == f.MANIFEST && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -135,7 +136,7 @@ const se = (h) => {
             {
               storeId: g,
               setShowUnsatisfactoryResponseModal: d,
-              showUnsatisfactoryResponseModal: A,
+              showUnsatisfactoryResponseModal: b,
               ChecklistType: u,
               UnsatisfactoryResponseIntentList: v,
               IntentHeaderTitle: w,
@@ -152,12 +153,12 @@ const se = (h) => {
               },
               style: R === t.messageId ? { backgroundColor: n.surface.hovered } : {},
               children: [
-                /* @__PURE__ */ e(y, { style: { color: n.content.primary }, children: t.message }),
+                /* @__PURE__ */ e(m, { style: { color: n.content.primary }, children: t.message }),
                 /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(D, { style: { color: n.content.secondary }, children: [
-                  f(new Date(t?.date), "hh:mm a"),
+                  p(new Date(t?.date), "hh:mm a"),
                   " |",
                   " ",
-                  f(new Date(t?.date), "dd/MM/yyyy")
+                  p(new Date(t?.date), "dd/MM/yyyy")
                 ] }) })
               ]
             },

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnsatisfactoryResponseList.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Avatar, AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from '../avatar';\nimport { Button } from '../button';\nimport { StateComponent, StateInterface } from '../states';\nimport { BodySecondary, Caption, TitleRegular } from '../TypographyStyle';\nimport { UnsatisfactoryCountIntentWiseModal } from './UnsatisfactoryCountIntentWiseModal';\nimport { IncorrectRepliesStyle } from './UnsatisfactoryResponseList.style';\n\nexport interface UnsatisfactoryResponseListProps {\n\tstoreId?: string;\n\tappType: ApplicationType;\n\tincorrectMessages: any;\n\tonIncorrectMessageBubbleClick: (messageId: string) => void;\n\tsetShowIncorrectReplies: (show: boolean) => void;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\tIntentHeaderTitle?: Record<string, string>;\n\tIntentWiseUnsatisfactoryResponse?: string[];\n\n\tredirectToUnsatisfactoryResponse?: (intent: string) => void;\n\n\t// data fetch\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n\tfetchUnsatisfactoryResponseCount?: () => Promise<number>;\n}\n\nexport const UnsatisfactoryResponseList: React.FC<\n\tUnsatisfactoryResponseListProps\n> = (props: UnsatisfactoryResponseListProps) => {\n\tconst {\n\t\tstoreId,\n\t\tappType,\n\t\tincorrectMessages,\n\t\tonIncorrectMessageBubbleClick,\n\t\tsetShowIncorrectReplies,\n\t\tChecklistType,\n\t\tIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tredirectToUnsatisfactoryResponse,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t\tfetchUnsatisfactoryResponseCount,\n\t} = props;\n\tconst [messageId, setMessageId] = useState<string>('');\n\tconst [hasUnsatisfactoryMessage, setHasUnsatisfactoryMessage] =\n\t\tuseState<boolean>(incorrectMessages?.length > 0);\n\tconst [showIncorrectDataModal, setShowIncorrectDataModal] =\n\t\tuseState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!hasUnsatisfactoryMessage && fetchUnsatisfactoryResponseCount) {\n\t\t\tfetchUnsatisfactoryResponseCount().then((response: number) => {\n\t\t\t\tif (response > 0) {\n\t\t\t\t\tsetHasUnsatisfactoryMessage(true);\n\t\t\t\t}\n\t\t\t\tif (response === 0) {\n\t\t\t\t\tsetShowIncorrectReplies(false);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\toverflow: 'scroll',\n\t\t\t\theight: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<IncorrectRepliesStyle>\n\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleRegular>Unsatisfactory responses</TitleRegular>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={() => setShowIncorrectReplies(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\tSpot unsatisfactory replies, dive deeper, and enhance with\n\t\t\t\t\t\t\trelevant data for improved responses.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!incorrectMessages?.length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\theading={'No unsatisfactory responses'}\n\t\t\t\t\t\t\tsubline={'As of now, all responses are correct'}\n\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\twidth={0}\n\t\t\t\t\t\t\tsize={SIZE.SMALL}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\ttype={AVATAR_TYPES.ICON}\n\t\t\t\t\t\t\t\t\tsize={SIZE.MEDIUM}\n\t\t\t\t\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.warning}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!!incorrectMessages?.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tjustifyContent: incorrectMessages?.length\n\t\t\t\t\t\t\t\t\t\t? 'flex-start'\n\t\t\t\t\t\t\t\t\t\t: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={'Fix all unsatisfactory responses'}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowIncorrectDataModal(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdisabled={!hasUnsatisfactoryMessage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<UnsatisfactoryCountIntentWiseModal\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tsetShowUnsatisfactoryResponseModal={setShowIncorrectDataModal}\n\t\t\t\t\t\t\tshowUnsatisfactoryResponseModal={showIncorrectDataModal}\n\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\tUnsatisfactoryResponseIntentList={\n\t\t\t\t\t\t\t\tIntentWiseUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tIntentHeaderTitle={IntentHeaderTitle}\n\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise={\n\t\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse={\n\t\t\t\t\t\t\t\tredirectToUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{incorrectMessages && incorrectMessages?.length > 0 && (\n\t\t\t\t\t\t\t<div className={'wrapper'}>\n\t\t\t\t\t\t\t\t{incorrectMessages.map((each, index) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={each.messageId}\n\t\t\t\t\t\t\t\t\t\tclassName={'bubble'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonIncorrectMessageBubbleClick(each.messageId);\n\t\t\t\t\t\t\t\t\t\t\tsetMessageId(each.messageId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tmessageId === each.messageId\n\t\t\t\t\t\t\t\t\t\t\t\t? { backgroundColor: COLORS.surface.hovered }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t\t{each.message}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'hh:mm a')} |{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'dd/MM/yyyy')}\n\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</IncorrectRepliesStyle>\n\t\t</div>\n\t);\n};\n"],"names":["UnsatisfactoryResponseList","props","storeId","appType","incorrectMessages","onIncorrectMessageBubbleClick","setShowIncorrectReplies","ChecklistType","IntentWiseUnsatisfactoryResponse","IntentHeaderTitle","redirectToUnsatisfactoryResponse","fetchUnsatisfactoryResponseCountIntentWise","fetchUnsatisfactoryResponseCount","messageId","setMessageId","useState","hasUnsatisfactoryMessage","setHasUnsatisfactoryMessage","showIncorrectDataModal","setShowIncorrectDataModal","useEffect","response","jsx","IncorrectRepliesStyle","ApplicationType","jsxs","TitleRegular","CrossIcon","COLORS","BodySecondary","StateComponent","StateInterface","SIZE","Avatar","AVATAR_TYPES","AVATAR_BACKGROUND","InfoIcon","Fragment","Button","UnsatisfactoryCountIntentWiseModal","each","index","Caption","format"],"mappings":"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"}
+{"version":3,"file":"UnsatisfactoryResponseList.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Avatar, AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from '../avatar';\nimport { Button } from '../button';\nimport { StateComponent, StateInterface } from '../states';\nimport { BodySecondary, Caption, TitleRegular } from '../TypographyStyle';\nimport { UnsatisfactoryCountIntentWiseModal } from './UnsatisfactoryCountIntentWiseModal';\nimport { IncorrectRepliesStyle } from './UnsatisfactoryResponseList.style';\n\nexport interface UnsatisfactoryResponseListProps {\n\tstoreId?: string;\n\tappType: ApplicationType;\n\tincorrectMessages: any;\n\tonIncorrectMessageBubbleClick: (messageId: string) => void;\n\tsetShowIncorrectReplies: (show: boolean) => void;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\tIntentHeaderTitle?: Record<string, string>;\n\tIntentWiseUnsatisfactoryResponse?: string[];\n\n\tredirectToUnsatisfactoryResponse?: (intent: string) => void;\n\n\t// data fetch\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n\tfetchUnsatisfactoryResponseCount?: () => Promise<number>;\n}\n\nexport const UnsatisfactoryResponseList: React.FC<\n\tUnsatisfactoryResponseListProps\n> = (props: UnsatisfactoryResponseListProps) => {\n\tconst {\n\t\tstoreId,\n\t\tappType,\n\t\tincorrectMessages,\n\t\tonIncorrectMessageBubbleClick,\n\t\tsetShowIncorrectReplies,\n\t\tChecklistType,\n\t\tIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tredirectToUnsatisfactoryResponse,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t\tfetchUnsatisfactoryResponseCount,\n\t} = props;\n\tconst [messageId, setMessageId] = useState<string>('');\n\tconst [hasUnsatisfactoryMessage, setHasUnsatisfactoryMessage] =\n\t\tuseState<boolean>(incorrectMessages?.length > 0);\n\tconst [showIncorrectDataModal, setShowIncorrectDataModal] =\n\t\tuseState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!hasUnsatisfactoryMessage && fetchUnsatisfactoryResponseCount) {\n\t\t\tfetchUnsatisfactoryResponseCount().then((response: number) => {\n\t\t\t\tif (response > 0) {\n\t\t\t\t\tsetHasUnsatisfactoryMessage(true);\n\t\t\t\t}\n\t\t\t\tif (response === 0) {\n\t\t\t\t\tsetShowIncorrectReplies(false);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\toverflow: 'scroll',\n\t\t\t\theight: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<IncorrectRepliesStyle>\n\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleRegular>Unsatisfactory responses</TitleRegular>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tdata-testid=\"manifest-close-button\"\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={() => setShowIncorrectReplies(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\tSpot unsatisfactory replies, dive deeper, and enhance with\n\t\t\t\t\t\t\trelevant data for improved responses.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!incorrectMessages?.length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\theading={'No unsatisfactory responses'}\n\t\t\t\t\t\t\tsubline={'As of now, all responses are correct'}\n\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\twidth={0}\n\t\t\t\t\t\t\tsize={SIZE.SMALL}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\ttype={AVATAR_TYPES.ICON}\n\t\t\t\t\t\t\t\t\tsize={SIZE.MEDIUM}\n\t\t\t\t\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.warning}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!!incorrectMessages?.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tjustifyContent: incorrectMessages?.length\n\t\t\t\t\t\t\t\t\t\t? 'flex-start'\n\t\t\t\t\t\t\t\t\t\t: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={'Fix all unsatisfactory responses'}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowIncorrectDataModal(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdisabled={!hasUnsatisfactoryMessage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<UnsatisfactoryCountIntentWiseModal\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tsetShowUnsatisfactoryResponseModal={setShowIncorrectDataModal}\n\t\t\t\t\t\t\tshowUnsatisfactoryResponseModal={showIncorrectDataModal}\n\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\tUnsatisfactoryResponseIntentList={\n\t\t\t\t\t\t\t\tIntentWiseUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tIntentHeaderTitle={IntentHeaderTitle}\n\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise={\n\t\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse={\n\t\t\t\t\t\t\t\tredirectToUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{incorrectMessages && incorrectMessages?.length > 0 && (\n\t\t\t\t\t\t\t<div className={'wrapper'}>\n\t\t\t\t\t\t\t\t{incorrectMessages.map((each, index) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={each.messageId}\n\t\t\t\t\t\t\t\t\t\tclassName={'bubble'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonIncorrectMessageBubbleClick(each.messageId);\n\t\t\t\t\t\t\t\t\t\t\tsetMessageId(each.messageId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tmessageId === each.messageId\n\t\t\t\t\t\t\t\t\t\t\t\t? { backgroundColor: COLORS.surface.hovered }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t\t{each.message}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'hh:mm a')} |{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'dd/MM/yyyy')}\n\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</IncorrectRepliesStyle>\n\t\t</div>\n\t);\n};\n"],"names":["UnsatisfactoryResponseList","props","storeId","appType","incorrectMessages","onIncorrectMessageBubbleClick","setShowIncorrectReplies","ChecklistType","IntentWiseUnsatisfactoryResponse","IntentHeaderTitle","redirectToUnsatisfactoryResponse","fetchUnsatisfactoryResponseCountIntentWise","fetchUnsatisfactoryResponseCount","messageId","setMessageId","useState","hasUnsatisfactoryMessage","setHasUnsatisfactoryMessage","showIncorrectDataModal","setShowIncorrectDataModal","useEffect","response","jsx","IncorrectRepliesStyle","ApplicationType","jsxs","TitleRegular","CrossIcon","COLORS","BodySecondary","StateComponent","StateInterface","SIZE","Avatar","AVATAR_TYPES","AVATAR_BACKGROUND","InfoIcon","Fragment","Button","UnsatisfactoryCountIntentWiseModal","each","index","Caption","format"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.840",
+	"version": "0.0.841-beta.0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",