@bikdotai/bik-component-library 0.0.840-tools-beta.4 → 0.0.840

package/dist/esm/components/template-preview/TemplatePreview.js

@@ -1,42 +1,43 @@
-import { jsx as r, jsxs as x, Fragment as C } from "react/jsx-runtime";
-import { useTemplateModalContext as W } from "../template-context-mapper/context/templateModalContext.js";
-import H from "../../utils/StringUtils.js";
+import { jsx as r, jsxs as w, Fragment as T } from "react/jsx-runtime";
+import { useTemplateModalContext as x } from "../template-context-mapper/context/templateModalContext.js";
+import W from "../../utils/StringUtils.js";
 import { COLORS as a } from "../../constants/Theme.js";
-import S from "../../assets/icons/aiContentIcon.svg.js";
-import { TitleRegular as w } from "../TypographyStyle.js";
+import H from "../../assets/icons/aiContentIcon.svg.js";
+import { TitleRegular as S } from "../TypographyStyle.js";
 import E from "./EmailTemplateThumbnailPreview.js";
-import { CHANNEL_TYPE as l } from "./models/Channels.js";
+import { CHANNEL_TYPE as d } from "./models/Channels.js";
 import A from "./SmsTemplatePreview.js";
 import { AiContentBadge as R } from "./TemplatePreview.styled.js";
 import V from "./webpush/WebpushPreview.js";
 import k from "./WhatsAppTemplatePreview.js";
 const Y = ({
   template: e,
-  channel: t,
+  channel: o,
   whatsAppSpecificMeta: n,
-  templateCreationsInfo: o,
+  templateCreationsInfo: t,
   hideHeader: y,
-  size: u,
+  size: g,
   onlyTemplateContent: v,
   emailSpecificMeta: i,
-  smsSpecificMeta: d,
-  showSampleValues: h,
+  smsSpecificMeta: l,
+  showSampleValues: C,
   carouselCardIndex: m,
   isWhatsappCarousel: s,
-  isPreview: p,
-  applyBorderBottom: b,
-  webPushSpecificMeta: g,
+  isPreview: b,
+  applyBorderBottom: h,
+  webPushSpecificMeta: u,
   hidePointerEvents: P
 }) => {
-  const { setSelectedCarouselIndex: T } = W();
-  return t === l.SMS ? /* @__PURE__ */ r(
+  const { setSelectedCarouselIndex: p } = x();
+  return o === d.SMS ? /* @__PURE__ */ r(
     "div",
     {
+      "data-test": "template-preview-wrapper",
       style: {
-        marginTop: o ? 16 : 0,
-        border: o ? `1px solid ${a.stroke.primary}` : "none",
+        marginTop: t ? 16 : 0,
+        border: t ? `1px solid ${a.stroke.primary}` : "none",
         borderRadius: 4,
-        ...d?.templateContainerStyles
+        ...l?.templateContainerStyles
       },
       children: /* @__PURE__ */ r(
         A,
@@ -44,18 +45,18 @@ const Y = ({
           template: e,
           hideHeader: y,
           onlyTemplateContent: v,
-          size: u ?? "large",
-          variableStore: d?.smsVariableStore,
-          display_content: d?.smsDisplayContent,
-          uniqueId: d?.uniqueId
+          size: g ?? "large",
+          variableStore: l?.smsVariableStore,
+          display_content: l?.smsDisplayContent,
+          uniqueId: l?.uniqueId
         }
       )
     }
-  ) : t === l.EMAIL ? /* @__PURE__ */ r(
+  ) : o === d.EMAIL ? /* @__PURE__ */ r(
     "div",
     {
       style: {
-        marginTop: o ? 16 : 0,
+        marginTop: t ? 16 : 0,
         ...i?.templateContainerStyles
       },
       children: /* @__PURE__ */ r(
@@ -70,38 +71,38 @@ const Y = ({
           containerStyle: i?.containerStyle,
           emailDisplayContent: i?.emailDisplayContent,
           emailHtmlContainerId: i?.emailHtmlContainerId,
-          applyBorderBottom: b,
+          applyBorderBottom: h,
           hidePointerEvents: P
         }
       )
     }
-  ) : t === l.WHATSAPP || t === l.RCS ? /* @__PURE__ */ x(
+  ) : o === d.WHATSAPP || o === d.RCS ? /* @__PURE__ */ w(
     "div",
     {
       style: {
         ...n?.templateContainerStyles,
-        ...o ? B.WhatsAppWrapper : {},
+        ...t ? B.WhatsAppWrapper : {},
         position: "relative"
       },
       onClick: () => {
-        if (T && s) {
+        if (p && s) {
           if (m === -1 && !e?.mapping?.body?.length)
             return;
-          T(m ?? -1);
+          p(m ?? -1);
         }
       },
       children: [
-        o ? /* @__PURE__ */ r("div", { style: { padding: 16 }, children: /* @__PURE__ */ r(w, { children: H.convertToTitleCase(e?.label ?? "") }) }) : /* @__PURE__ */ r(C, {}),
+        t ? /* @__PURE__ */ r("div", { style: { padding: 16 }, children: /* @__PURE__ */ r(S, { children: W.convertToTitleCase(e?.label ?? "") }) }) : /* @__PURE__ */ r(T, {}),
         /* @__PURE__ */ r(
           k,
           {
-            showSampleValues: h,
+            showSampleValues: C,
             showHeader: n?.showWhatsAppHeader,
             extras: n?.whatsAppExtras,
             template: e,
-            size: o ? "small" : u ?? "large",
+            size: t ? "small" : g ?? "large",
             containerStyle: {
-              borderWidth: o ? 0 : 1,
+              borderWidth: t ? 0 : 1,
               borderTopWidth: 1,
               ...n?.containerStyle ?? {},
               height: "100%"
@@ -110,20 +111,20 @@ const Y = ({
             usePlaceHolderName: n?.usePlaceHolderName,
             carouselCardIndex: m,
             isWhatsappCarousel: s,
-            isPreview: p,
-            channel: t
+            isPreview: b,
+            channel: o
           }
         ),
-        (!!e?.aiContentConfigId || !!e?.isAiGenerated) && !s && /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(S, { width: 48, height: 48 }) })
+        (!!e?.aiContentConfigId || !!e?.isAiGenerated) && !s && /* @__PURE__ */ r(R, { "data-test": "ai-content-badge", children: /* @__PURE__ */ r(H, { width: 48, height: 48 }) })
       ]
     }
-  ) : t == l.WEBPUSH ? /* @__PURE__ */ r("div", { style: { ...g?.containerStyle }, children: /* @__PURE__ */ r(
+  ) : o == d.WEBPUSH ? /* @__PURE__ */ r("div", { style: { ...u?.containerStyle }, children: /* @__PURE__ */ r(
     V,
     {
       template: e,
-      extraContainerCss: g?.extraContainerCss
+      extraContainerCss: u?.extraContainerCss
     }
-  ) }) : /* @__PURE__ */ r(C, {});
+  ) }) : /* @__PURE__ */ r(T, {});
 }, B = {
   WhatsAppWrapper: {
     backgroundColor: a.surface.standard,

package/dist/esm/components/template-preview/TemplatePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsx","COLORS","SmsTemplatePreview","EmailTemplateThumbnailPreview","jsxs","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":"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"}
+{"version":3,"file":"TemplatePreview.js","sources":["../../../../src/components/template-preview/TemplatePreview.tsx"],"sourcesContent":["import React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport AiContentIcon from '../../assets/icons/aiContentIcon.svg';\nimport { TitleRegular } from '../TypographyStyle';\nimport EmailTemplateThumbnailPreview from './EmailTemplateThumbnailPreview';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { EmailMeta, EmailTemplateType } from './models/EmailTemplate';\nimport { SMSMeta, SMSTemplateType } from './models/SmsTemplate';\nimport { AllTemplateTypes } from './models/types';\nimport { WebpushMetaType, WebpushTemplateType } from './models/WebpushTemplate';\nimport { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';\nimport SmsTemplatePreview from './SmsTemplatePreview';\nimport { AiContentBadge } from './TemplatePreview.styled';\nimport WebpushPreview from './webpush/WebpushPreview';\nimport WhatsappTemplatePreview from './WhatsAppTemplatePreview';\n\nexport interface TemplatePreviewProps {\n\ttemplate?: AllTemplateTypes;\n\tchannel: CHANNEL_TYPE;\n\tonlyTemplateContent?: boolean;\n\toutsidePreview?: boolean;\n\ttemplateCreationsInfo?: boolean;\n\twhatsAppSpecificMeta?: WhatsappMeta;\n\temailSpecificMeta?: EmailMeta;\n\tsmsSpecificMeta?: SMSMeta;\n\thideHeader?: boolean;\n\tsize?: 'small' | 'large';\n\ttemplateContainerStyles?: React.CSSProperties;\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tapplyBorderBottom?: boolean;\n\twebPushSpecificMeta?: WebpushMetaType;\n\thidePointerEvents?: boolean;\n}\nexport const TemplatePreview = ({\n\ttemplate,\n\tchannel,\n\twhatsAppSpecificMeta,\n\ttemplateCreationsInfo,\n\thideHeader,\n\tsize,\n\tonlyTemplateContent,\n\temailSpecificMeta,\n\tsmsSpecificMeta,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tapplyBorderBottom,\n\twebPushSpecificMeta,\n\thidePointerEvents,\n}: TemplatePreviewProps) => {\n\tconst { setSelectedCarouselIndex } = useTemplateModalContext();\n\tif (channel === CHANNEL_TYPE.SMS) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tdata-test=\"template-preview-wrapper\"\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\tborder: templateCreationsInfo\n\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t...smsSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<SmsTemplatePreview\n\t\t\t\t\ttemplate={template as SMSTemplateType}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\tonlyTemplateContent={onlyTemplateContent}\n\t\t\t\t\tsize={size ?? 'large'}\n\t\t\t\t\tvariableStore={smsSpecificMeta?.smsVariableStore}\n\t\t\t\t\tdisplay_content={smsSpecificMeta?.smsDisplayContent}\n\t\t\t\t\tuniqueId={smsSpecificMeta?.uniqueId}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (channel === CHANNEL_TYPE.EMAIL) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmarginTop: templateCreationsInfo ? 16 : 0,\n\t\t\t\t\t...emailSpecificMeta?.templateContainerStyles,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EmailTemplateThumbnailPreview\n\t\t\t\t\ttemplate={template as EmailTemplateType}\n\t\t\t\t\thandleViewTemplate={() => {\n\t\t\t\t\t\temailSpecificMeta?.handleViewTemplate?.();\n\t\t\t\t\t}}\n\t\t\t\t\thideHeader={hideHeader}\n\t\t\t\t\thideViewButton={emailSpecificMeta?.hideViewButtonForEmail}\n\t\t\t\t\tcontainerStyle={emailSpecificMeta?.containerStyle}\n\t\t\t\t\temailDisplayContent={emailSpecificMeta?.emailDisplayContent}\n\t\t\t\t\temailHtmlContainerId={emailSpecificMeta?.emailHtmlContainerId}\n\t\t\t\t\tapplyBorderBottom={applyBorderBottom}\n\t\t\t\t\thidePointerEvents={hidePointerEvents}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else if (\n\t\tchannel === CHANNEL_TYPE.WHATSAPP ||\n\t\tchannel === CHANNEL_TYPE.RCS\n\t) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\t...whatsAppSpecificMeta?.templateContainerStyles,\n\t\t\t\t\t...(templateCreationsInfo ? styles.WhatsAppWrapper : {}),\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t}}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (setSelectedCarouselIndex && isWhatsappCarousel) {\n\t\t\t\t\t\tif (carouselCardIndex === -1 && !template?.mapping?.body?.length) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetSelectedCarouselIndex(carouselCardIndex ?? -1);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{templateCreationsInfo ? (\n\t\t\t\t\t<div style={{ padding: 16 }}>\n\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t{StringUtils.convertToTitleCase(template?.label ?? '')}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<WhatsappTemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tshowHeader={whatsAppSpecificMeta?.showWhatsAppHeader}\n\t\t\t\t\textras={whatsAppSpecificMeta?.whatsAppExtras}\n\t\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\t\tsize={templateCreationsInfo ? 'small' : size ?? 'large'}\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tborderWidth: templateCreationsInfo ? 0 : 1,\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t...(whatsAppSpecificMeta?.containerStyle ?? {}),\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}}\n\t\t\t\t\tzeroStateComponent={whatsAppSpecificMeta?.zeroStateComponent}\n\t\t\t\t\tusePlaceHolderName={whatsAppSpecificMeta?.usePlaceHolderName}\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t/>\n\t\t\t\t{(!!template?.['aiContentConfigId'] || !!template?.['isAiGenerated']) &&\n\t\t\t\t\t!isWhatsappCarousel && (\n\t\t\t\t\t\t<AiContentBadge data-test=\"ai-content-badge\">\n\t\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t\t</AiContentBadge>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t} else if (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\treturn (\n\t\t\t<div style={{ ...webPushSpecificMeta?.containerStyle }}>\n\t\t\t\t<WebpushPreview\n\t\t\t\t\ttemplate={template as WebpushTemplateType}\n\t\t\t\t\textraContainerCss={webPushSpecificMeta?.extraContainerCss}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\t{\n\t\treturn <></>;\n\t}\n};\n\nconst styles = {\n\tWhatsAppWrapper: {\n\t\tbackgroundColor: COLORS.surface.standard,\n\t\tborderRadius: 4,\n\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\tmarginTop: 16,\n\t},\n};\n"],"names":["TemplatePreview","template","channel","whatsAppSpecificMeta","templateCreationsInfo","hideHeader","size","onlyTemplateContent","emailSpecificMeta","smsSpecificMeta","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","applyBorderBottom","webPushSpecificMeta","hidePointerEvents","setSelectedCarouselIndex","useTemplateModalContext","CHANNEL_TYPE","jsx","COLORS","SmsTemplatePreview","EmailTemplateThumbnailPreview","jsxs","styles","TitleRegular","StringUtils","Fragment","WhatsappTemplatePreview","AiContentBadge","AiContentIcon","WebpushPreview"],"mappings":";;;;;;;;;;;;AAsCO,MAAMA,IAAkB,CAAC;AAAA,EAC/B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AACD,MAA4B;AAC3B,QAAM,EAAE,0BAAAC,EAAA,IAA6BC,EAAA;AACrC,SAAIhB,MAAYiB,EAAa,MAE3B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,OAAO;AAAA,QACN,WAAWhB,IAAwB,KAAK;AAAA,QACxC,QAAQA,IACL,aAAaiB,EAAO,OAAO,OAAO,KAClC;AAAA,QACH,cAAc;AAAA,QACd,GAAGZ,GAAiB;AAAA,MAAA;AAAA,MAGrB,UAAA,gBAAAW;AAAA,QAACE;AAAA,QAAA;AAAA,UACA,UAAArB;AAAA,UACA,YAAAI;AAAA,UACA,qBAAAE;AAAA,UACA,MAAMD,KAAQ;AAAA,UACd,eAAeG,GAAiB;AAAA,UAChC,iBAAiBA,GAAiB;AAAA,UAClC,UAAUA,GAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B;AAAA,EAAA,IAGQP,MAAYiB,EAAa,QAElC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,OAAO;AAAA,QACN,WAAWhB,IAAwB,KAAK;AAAA,QACxC,GAAGI,GAAmB;AAAA,MAAA;AAAA,MAGvB,UAAA,gBAAAY;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,UAAAtB;AAAA,UACA,oBAAoB,MAAM;AACzB,YAAAO,GAAmB,qBAAA;AAAA,UACpB;AAAA,UACA,YAAAH;AAAA,UACA,gBAAgBG,GAAmB;AAAA,UACnC,gBAAgBA,GAAmB;AAAA,UACnC,qBAAqBA,GAAmB;AAAA,UACxC,sBAAsBA,GAAmB;AAAA,UACzC,mBAAAM;AAAA,UACA,mBAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACD;AAAA,EAAA,IAIFd,MAAYiB,EAAa,YACzBjB,MAAYiB,EAAa,MAGxB,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,OAAO;AAAA,QACN,GAAGrB,GAAsB;AAAA,QACzB,GAAIC,IAAwBqB,EAAO,kBAAkB,CAAA;AAAA,QACrD,UAAU;AAAA,MAAA;AAAA,MAEX,SAAS,MAAM;AACd,YAAIR,KAA4BL,GAAoB;AACnD,cAAID,MAAsB,MAAM,CAACV,GAAU,SAAS,MAAM;AACzD;AAGD,UAAAgB,EAAyBN,KAAqB,EAAE;AAAA,QACjD;AAAA,MACD;AAAA,MAEC,UAAA;AAAA,QAAAP,sBACC,OAAA,EAAI,OAAO,EAAE,SAAS,MACtB,UAAA,gBAAAgB,EAACM,GAAA,EACC,UAAAC,EAAY,mBAAmB1B,GAAU,SAAS,EAAE,GACtD,EAAA,CACD,IAEA,gBAAAmB,EAAAQ,GAAA,EAAE;AAAA,QAEH,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YACA,kBAAAnB;AAAA,YACA,YAAYP,GAAsB;AAAA,YAClC,QAAQA,GAAsB;AAAA,YAC9B,UAAAF;AAAA,YACA,MAAMG,IAAwB,UAAUE,KAAQ;AAAA,YAChD,gBAAgB;AAAA,cACf,aAAaF,IAAwB,IAAI;AAAA,cACzC,gBAAgB;AAAA,cAChB,GAAID,GAAsB,kBAAkB,CAAA;AAAA,cAC5C,QAAQ;AAAA,YAAA;AAAA,YAET,oBAAoBA,GAAsB;AAAA,YAC1C,oBAAoBA,GAAsB;AAAA,YAC1C,mBAAAQ;AAAA,YACA,oBAAAC;AAAA,YACA,WAAAC;AAAA,YACA,SAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,SAEC,CAAC,CAACD,GAAW,qBAAwB,CAAC,CAACA,GAAW,kBACnD,CAACW,KACA,gBAAAQ,EAACU,GAAA,EAAe,aAAU,oBACzB,UAAA,gBAAAV,EAACW,KAAc,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIM7B,KAAWiB,EAAa,4BAEhC,OAAA,EAAI,OAAO,EAAE,GAAGJ,GAAqB,kBACrC,UAAA,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACA,UAAA/B;AAAA,MACA,mBAAmBc,GAAqB;AAAA,IAAA;AAAA,EAAA,GAE1C,IAIM,gBAAAK,EAAAQ,GAAA,EAAE;AAEX,GAEMH,IAAS;AAAA,EACd,iBAAiB;AAAA,IAChB,iBAAiBJ,EAAO,QAAQ;AAAA,IAChC,cAAc;AAAA,IACd,QAAQ,aAAaA,EAAO,WAAW,QAAQ;AAAA,IAC/C,WAAW;AAAA,EAAA;AAEb;"}

package/dist/esm/components/thumbnail/Thumbnail.js

@@ -2,7 +2,7 @@ import { jsx as h } from "react/jsx-runtime";
 import { SIZE as t } from "../avatar/AvatarHelper.js";
 import { THUMBNAIL_SIZE_MAP as e } from "./constants.js";
 import { ThumbnailStyle as r } from "./Thumbnail.styled.js";
-var A = /* @__PURE__ */ ((i) => (i.ONE_ONE = "ONE_ONE", i.VERTICAL = "VERTICAL", i.HORIZONTAL = "HORIZONTAL", i))(A || {});
+var a = /* @__PURE__ */ ((i) => (i.ONE_ONE = "ONE_ONE", i.VERTICAL = "VERTICAL", i.HORIZONTAL = "HORIZONTAL", i))(a || {});
 const E = {
   VERTICAL: {
     [t.SMALL]: { width: 30, height: 40 },
@@ -15,7 +15,7 @@ const E = {
     [t.LARGE]: { width: 80, height: 60 }
   },
   ONE_ONE: {}
-}, d = (i) => /* @__PURE__ */ h(r, { size: i.size, children: /* @__PURE__ */ h(
+}, d = (i) => /* @__PURE__ */ h(r, { "data-test": "thumbnail-container", size: i.size, children: /* @__PURE__ */ h(
   "img",
   {
     alt: "",
@@ -29,7 +29,7 @@ const E = {
   }
 ) });
 export {
-  A as RATIO,
+  a as RATIO,
   d as Thumbnail
 };
 //# sourceMappingURL=Thumbnail.js.map

package/dist/esm/components/thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sources":["../../../../src/components/thumbnail/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { ThumbnailStyle } from '@src/components/thumbnail/Thumbnail.styled';\n\nexport enum RATIO {\n\tONE_ONE = 'ONE_ONE',\n\tVERTICAL = 'VERTICAL',\n\tHORIZONTAL = 'HORIZONTAL',\n}\n\nconst IMAGE_ASPECT_RATIO = {\n\t[RATIO.VERTICAL]: {\n\t\t[SIZE.SMALL]: { width: 30, height: 40 },\n\t\t[SIZE.MEDIUM]: { width: 48, height: 64 },\n\t\t[SIZE.LARGE]: { width: 60, height: 80 },\n\t},\n\t[RATIO.HORIZONTAL]: {\n\t\t[SIZE.SMALL]: { width: 40, height: 30 },\n\t\t[SIZE.MEDIUM]: { width: 64, height: 48 },\n\t\t[SIZE.LARGE]: { width: 80, height: 60 },\n\t},\n\t[RATIO.ONE_ONE]: {},\n};\n\nexport type ThumbnailProps = {\n\tsize: SIZE;\n\tratio: RATIO;\n\timageUrl: string;\n};\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n\treturn (\n\t\t<ThumbnailStyle size={props.size}>\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.width ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\theight={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.height ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props.ratio === RATIO.ONE_ONE ? 4 : 0,\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tsrc={props.imageUrl}\n\t\t\t/>\n\t\t</ThumbnailStyle>\n\t);\n};\n"],"names":["RATIO","IMAGE_ASPECT_RATIO","SIZE","Thumbnail","props","jsx","ThumbnailStyle","THUMBNAIL_SIZE_MAP"],"mappings":";;;;AAKO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHFA,IAAAA,KAAA,CAAA,CAAA;AAMZ,MAAMC,IAAqB;AAAA,EACzB,UAAiB;AAAA,IACjB,CAACC,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACnC,CAACA,EAAK,MAAM,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACpC,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,EAAG;AAAA,EAEtC,YAAmB;AAAA,IACnB,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACnC,CAACA,EAAK,MAAM,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACpC,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,EAAG;AAAA,EAEtC,SAAgB,CAAA;AAClB,GAQaC,IAAsC,CAACC,MAElD,gBAAAC,EAACC,GAAA,EAAe,MAAMF,EAAM,MAC3B,UAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,OACCJ,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,SAC7CG,EAAmBH,EAAM,IAAI;AAAA,IAE9B,QACCH,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,UAC7CG,EAAmBH,EAAM,IAAI;AAAA,IAE9B,OAAO;AAAA,MACN,cAAcA,EAAM,UAAU,YAAgB,IAAI;AAAA,MAClD,WAAW;AAAA,IAAA;AAAA,IAEZ,KAAKA,EAAM;AAAA,EAAA;AAAA,GAEb;"}
+{"version":3,"file":"Thumbnail.js","sources":["../../../../src/components/thumbnail/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { ThumbnailStyle } from '@src/components/thumbnail/Thumbnail.styled';\n\nexport enum RATIO {\n\tONE_ONE = 'ONE_ONE',\n\tVERTICAL = 'VERTICAL',\n\tHORIZONTAL = 'HORIZONTAL',\n}\n\nconst IMAGE_ASPECT_RATIO = {\n\t[RATIO.VERTICAL]: {\n\t\t[SIZE.SMALL]: { width: 30, height: 40 },\n\t\t[SIZE.MEDIUM]: { width: 48, height: 64 },\n\t\t[SIZE.LARGE]: { width: 60, height: 80 },\n\t},\n\t[RATIO.HORIZONTAL]: {\n\t\t[SIZE.SMALL]: { width: 40, height: 30 },\n\t\t[SIZE.MEDIUM]: { width: 64, height: 48 },\n\t\t[SIZE.LARGE]: { width: 80, height: 60 },\n\t},\n\t[RATIO.ONE_ONE]: {},\n};\n\nexport type ThumbnailProps = {\n\tsize: SIZE;\n\tratio: RATIO;\n\timageUrl: string;\n};\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n\treturn (\n\t\t<ThumbnailStyle data-test=\"thumbnail-container\" size={props.size}>\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.width ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\theight={\n\t\t\t\t\tIMAGE_ASPECT_RATIO[props.ratio][props.size]?.height ||\n\t\t\t\t\tTHUMBNAIL_SIZE_MAP[props.size]\n\t\t\t\t}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props.ratio === RATIO.ONE_ONE ? 4 : 0,\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tsrc={props.imageUrl}\n\t\t\t/>\n\t\t</ThumbnailStyle>\n\t);\n};\n"],"names":["RATIO","IMAGE_ASPECT_RATIO","SIZE","Thumbnail","props","ThumbnailStyle","jsx","THUMBNAIL_SIZE_MAP"],"mappings":";;;;AAKO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHFA,IAAAA,KAAA,CAAA,CAAA;AAMZ,MAAMC,IAAqB;AAAA,EACzB,UAAiB;AAAA,IACjB,CAACC,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACnC,CAACA,EAAK,MAAM,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACpC,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,EAAG;AAAA,EAEtC,YAAmB;AAAA,IACnB,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACnC,CAACA,EAAK,MAAM,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,IACpC,CAACA,EAAK,KAAK,GAAG,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,EAAG;AAAA,EAEtC,SAAgB,CAAA;AAClB,GAQaC,IAAsC,CAACC,wBAEjDC,GAAA,EAAe,aAAU,uBAAsB,MAAMD,EAAM,MAC3D,UAAA,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,KAAI;AAAA,IACJ,OACCL,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,SAC7CG,EAAmBH,EAAM,IAAI;AAAA,IAE9B,QACCH,EAAmBG,EAAM,KAAK,EAAEA,EAAM,IAAI,GAAG,UAC7CG,EAAmBH,EAAM,IAAI;AAAA,IAE9B,OAAO;AAAA,MACN,cAAcA,EAAM,UAAU,YAAgB,IAAI;AAAA,MAClD,WAAW;AAAA,IAAA;AAAA,IAEZ,KAAKA,EAAM;AAAA,EAAA;AAAA,GAEb;"}

package/dist/esm/components/zeroState/ZeroState.js

@@ -27,31 +27,38 @@ const b = d.div`
   title: a,
   IconHolderStyle: s,
   style: m,
-  isLoading: o,
+  isLoading: n,
   containerWidth: l,
-  ...n
+  ...o
 }) => {
   let c = f;
   const r = l ? parseFloat(l) : 0;
   return r && !isNaN(r) && r <= 150 && (c = y), /* @__PURE__ */ p(b, { style: m ?? {}, children: [
-    o ? /* @__PURE__ */ t(h, { size: "large", color: e.stroke.brand }) : /* @__PURE__ */ t(S, { style: s ?? {}, children: n?.Icon || /* @__PURE__ */ t(
-      x,
+    n ? /* @__PURE__ */ t(h, { size: "large", color: e.stroke.brand }) : /* @__PURE__ */ t(
+      S,
       {
-        color: e.content.placeholder,
-        height: 24,
-        width: 24
+        "data-test": "zero-state-icon-holder",
+        style: s ?? {},
+        children: o?.Icon || /* @__PURE__ */ t(
+          x,
+          {
+            color: e.content.placeholder,
+            height: 24,
+            width: 24
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ t(
       c,
       {
         style: {
           color: e.content.primary
         },
-        children: o ? "Loading..." : a || "No results found"
+        children: n ? "Loading..." : a || "No results found"
       }
     ),
-    !!i && !o && /* @__PURE__ */ t(
+    !!i && !n && /* @__PURE__ */ t(
       u,
       {
         style: {
@@ -62,11 +69,11 @@ const b = d.div`
         children: i
       }
     ),
-    !!n?.actionButton && /* @__PURE__ */ t(
+    !!o?.actionButton && /* @__PURE__ */ t(
       "div",
       {
-        style: n?.buttonWidth ? { width: n?.buttonWidth, display: "flex" } : {},
-        children: /* @__PURE__ */ t(g, { ...n?.actionButton })
+        style: o?.buttonWidth ? { width: o?.buttonWidth, display: "flex" } : {},
+        children: /* @__PURE__ */ t(g, { ...o?.actionButton })
       }
     )
   ] });

package/dist/esm/components/zeroState/ZeroState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder style={IconHolderStyle ?? {}}>\n\t\t\t\t\t{otherProps?.Icon || (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title || 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxs","Spinner","jsx","AlertIcon","BodyCaption","Button"],"mappings":";;;;;;;AAcA,MAAMA,IAAYC,EAAO;AAAA,eACVC,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCC,IAAaF,EAAO;AAAA,eACXC,EAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxBE,IAUR,CAAC;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,MAAIC,IAAkBC;AACtB,QAAMC,IAAeJ,IAAiB,WAAWA,CAAc,IAAI;AAEnE,SAAII,KAAgB,CAAC,MAAMA,CAAY,KAAKA,KAAgB,QAC3DF,IAAkBG,IAGlB,gBAAAC,EAAChB,GAAA,EAAU,OAAOQ,KAAS,CAAA,GACzB,UAAA;AAAA,IAAAC,sBACCQ,GAAA,EAAQ,MAAM,SAAS,OAAOf,EAAO,OAAO,MAAA,CAAO,IAEpD,gBAAAgB,EAACf,KAAW,OAAOI,KAAmB,CAAA,GACpC,aAAY,QACZ,gBAAAW;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,OAAOjB,EAAO,QAAQ;AAAA,QACtB,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAAA,GAGV;AAAA,IAGD,gBAAAgB;AAAA,MAACN;AAAA,MAAA;AAAA,QACA,OAAO;AAAA,UACN,OAAOV,EAAO,QAAQ;AAAA,QAAA;AAAA,QAGtB,UAAAO,IAAY,eAAeH,KAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAErC,CAAC,CAACD,KAAY,CAACI,KACf,gBAAAS;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,OAAO;AAAA,UACN,OAAOlB,EAAO,QAAQ;AAAA,UACtB,WAAW;AAAA,UACX,UAAU;AAAA,QAAA;AAAA,QAGV,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,CAAC,CAACM,GAAY,gBACd,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,OACCP,GAAY,cACT,EAAE,OAAOA,GAAY,aAAa,SAAS,OAAA,IAC3C,CAAA;AAAA,QAGJ,UAAA,gBAAAO,EAACG,GAAA,EAAQ,GAAGV,GAAY,aAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEF;AAEF;"}
+{"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder\n\t\t\t\t\tdata-test=\"zero-state-icon-holder\"\n\t\t\t\t\tstyle={IconHolderStyle ?? {}}\n\t\t\t\t>\n\t\t\t\t\t{otherProps?.Icon || (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title || 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxs","jsx","Spinner","AlertIcon","BodyCaption","Button"],"mappings":";;;;;;;AAcA,MAAMA,IAAYC,EAAO;AAAA,eACVC,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCC,IAAaF,EAAO;AAAA,eACXC,EAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxBE,IAUR,CAAC;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,MAAIC,IAAkBC;AACtB,QAAMC,IAAeJ,IAAiB,WAAWA,CAAc,IAAI;AAEnE,SAAII,KAAgB,CAAC,MAAMA,CAAY,KAAKA,KAAgB,QAC3DF,IAAkBG,IAGlB,gBAAAC,EAAChB,GAAA,EAAU,OAAOQ,KAAS,CAAA,GACzB,UAAA;AAAA,IAAAC,IACA,gBAAAQ,EAACC,KAAQ,MAAM,SAAS,OAAOhB,EAAO,OAAO,OAAO,IAEpD,gBAAAe;AAAA,MAACd;AAAA,MAAA;AAAA,QACA,aAAU;AAAA,QACV,OAAOI,KAAmB,CAAA;AAAA,QAEzB,aAAY,QACZ,gBAAAU;AAAA,UAACE;AAAAA,UAAA;AAAA,YACA,OAAOjB,EAAO,QAAQ;AAAA,YACtB,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,IAKH,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACA,OAAO;AAAA,UACN,OAAOV,EAAO,QAAQ;AAAA,QAAA;AAAA,QAGtB,UAAAO,IAAY,eAAeH,KAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAErC,CAAC,CAACD,KAAY,CAACI,KACf,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACA,OAAO;AAAA,UACN,OAAOlB,EAAO,QAAQ;AAAA,UACtB,WAAW;AAAA,UACX,UAAU;AAAA,QAAA;AAAA,QAGV,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,CAAC,CAACM,GAAY,gBACd,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,OACCN,GAAY,cACT,EAAE,OAAOA,GAAY,aAAa,SAAS,OAAA,IAC3C,CAAA;AAAA,QAGJ,UAAA,gBAAAM,EAACI,GAAA,EAAQ,GAAGV,GAAY,aAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEF;AAEF;"}

package/dist/esm/icons/Media/Visual/FormkitNeutral.js

@@ -0,0 +1,58 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+const s = ({
+  size: t = 24,
+  color: o = "currentColor",
+  ...C
+}) => {
+  const l = {
+    width: t,
+    height: t,
+    color: o,
+    ...C
+  };
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M5.23976 6.28567C5.81834 6.28567 6.28738 5.81663 6.28738 5.23805C6.28738 4.65946 5.81834 4.19043 5.23976 4.19043C4.66117 4.19043 4.19214 4.65946 4.19214 5.23805C4.19214 5.81663 4.66117 6.28567 5.23976 6.28567Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M9.43043 6.28567C10.009 6.28567 10.4781 5.81663 10.4781 5.23805C10.4781 4.65946 10.009 4.19043 9.43043 4.19043C8.85185 4.19043 8.38281 4.65946 8.38281 5.23805C8.38281 5.81663 8.85185 6.28567 9.43043 6.28567Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M7.3348 14.6667C3.29099 14.6667 0.00146484 11.3771 0.00146484 7.33333C0.00146484 3.28952 3.29099 0 7.3348 0C11.3786 0 14.6681 3.28952 14.6681 7.33333C14.6681 11.3771 11.3786 14.6667 7.3348 14.6667ZM7.3348 1.33333C3.86718 1.33333 1.3348 3.86571 1.3348 7.33333C1.3348 10.801 3.86718 13.3333 7.3348 13.3333C10.8024 13.3333 13.3348 10.801 13.3348 7.33333C13.3348 3.86571 10.8024 1.33333 7.3348 1.33333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M4.00146 9H10.6681",
+            stroke: "#616161",
+            strokeWidth: 1.33333,
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  s as default
+};
+//# sourceMappingURL=FormkitNeutral.js.map

package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormkitNeutral.js","sources":["../../../../../src/icons/Media/Visual/FormkitNeutral.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgFormkitNeutral = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 15 15\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M5.23976 6.28567C5.81834 6.28567 6.28738 5.81663 6.28738 5.23805C6.28738 4.65946 5.81834 4.19043 5.23976 4.19043C4.66117 4.19043 4.19214 4.65946 4.19214 5.23805C4.19214 5.81663 4.66117 6.28567 5.23976 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M9.43043 6.28567C10.009 6.28567 10.4781 5.81663 10.4781 5.23805C10.4781 4.65946 10.009 4.19043 9.43043 4.19043C8.85185 4.19043 8.38281 4.65946 8.38281 5.23805C8.38281 5.81663 8.85185 6.28567 9.43043 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M7.3348 14.6667C3.29099 14.6667 0.00146484 11.3771 0.00146484 7.33333C0.00146484 3.28952 3.29099 0 7.3348 0C11.3786 0 14.6681 3.28952 14.6681 7.33333C14.6681 11.3771 11.3786 14.6667 7.3348 14.6667ZM7.3348 1.33333C3.86718 1.33333 1.3348 3.86571 1.3348 7.33333C1.3348 10.801 3.86718 13.3333 7.3348 13.3333C10.8024 13.3333 13.3348 10.801 13.3348 7.33333C13.3348 3.86571 10.8024 1.33333 7.3348 1.33333Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M4.00146 9H10.6681\"\n\t\t\t\tstroke=\"#616161\"\n\t\t\t\tstrokeWidth={1.33333}\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgFormkitNeutral;\n"],"names":["SvgFormkitNeutral","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAoB,CAAC;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Media/Visual/FormkitSad.js

@@ -0,0 +1,61 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+const h = ({
+  size: r = 24,
+  color: l = "currentColor",
+  ...i
+}) => {
+  const o = {
+    width: r,
+    height: r,
+    color: l,
+    ...i
+  };
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: [
+        /* @__PURE__ */ t("g", { clipPath: "url(#clip0_6886_8842)", children: [
+          /* @__PURE__ */ C(
+            "path",
+            {
+              d: "M5.90773 6.95168C6.48631 6.95168 6.95535 6.48265 6.95535 5.90406C6.95535 5.32548 6.48631 4.85645 5.90773 4.85645C5.32914 4.85645 4.86011 5.32548 4.86011 5.90406C4.86011 6.48265 5.32914 6.95168 5.90773 6.95168Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              d: "M10.0984 6.95168C10.677 6.95168 11.146 6.48265 11.146 5.90406C11.146 5.32548 10.677 4.85645 10.0984 4.85645C9.51982 4.85645 9.05078 5.32548 9.05078 5.90406C9.05078 6.48265 9.51982 6.95168 10.0984 6.95168Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              d: "M8.00277 15.3332C3.95896 15.3332 0.669434 12.0436 0.669434 7.99984C0.669434 3.95603 3.95896 0.666504 8.00277 0.666504C12.0466 0.666504 15.3361 3.95603 15.3361 7.99984C15.3361 12.0436 12.0466 15.3332 8.00277 15.3332ZM8.00277 1.99984C4.53515 1.99984 2.00277 4.53222 2.00277 7.99984C2.00277 11.4675 4.53515 13.9998 8.00277 13.9998C11.4704 13.9998 14.0028 11.4675 14.0028 7.99984C14.0028 4.53222 11.4704 1.99984 8.00277 1.99984Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              d: "M5.62329 11.3467C5.51404 11.6611 5.16422 11.8306 4.8479 11.7109L4.84692 11.7109L4.84399 11.7109L4.84497 11.71C4.53138 11.5999 4.36268 11.2515 4.48267 10.9355L4.48169 10.9346C4.73997 10.2037 5.21864 9.57115 5.85181 9.12402C6.48507 8.6769 7.24166 8.43732 8.01685 8.43848C9.50331 8.43848 10.8485 9.32324 11.4436 10.6611L11.5549 10.9395L11.554 10.9404C11.596 11.0884 11.5811 11.2469 11.511 11.3838C11.4408 11.5208 11.3208 11.6263 11.176 11.6787C11.0314 11.7309 10.8722 11.7264 10.7307 11.666C10.5891 11.6055 10.4756 11.4934 10.4133 11.3525L10.4104 11.3467L10.4114 11.3467C10.2369 10.8511 9.91239 10.4218 9.48364 10.1182C9.05488 9.81456 8.54222 9.65137 8.01685 9.65137C7.49167 9.65142 6.97967 9.81473 6.55103 10.1182C6.12226 10.4218 5.79777 10.8511 5.62329 11.3467Z",
+              fill: "currentColor",
+              stroke: "#4B1583",
+              strokeWidth: 0.166667
+            }
+          )
+        ] }),
+        /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_6886_8842", children: /* @__PURE__ */ C("rect", { width: 16, height: 16, fill: "white" }) }) })
+      ]
+    }
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=FormkitSad.js.map

package/dist/esm/icons/Media/Visual/FormkitSad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormkitSad.js","sources":["../../../../../src/icons/Media/Visual/FormkitSad.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgFormkitSad = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_6886_8842)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M5.90773 6.95168C6.48631 6.95168 6.95535 6.48265 6.95535 5.90406C6.95535 5.32548 6.48631 4.85645 5.90773 4.85645C5.32914 4.85645 4.86011 5.32548 4.86011 5.90406C4.86011 6.48265 5.32914 6.95168 5.90773 6.95168Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M10.0984 6.95168C10.677 6.95168 11.146 6.48265 11.146 5.90406C11.146 5.32548 10.677 4.85645 10.0984 4.85645C9.51982 4.85645 9.05078 5.32548 9.05078 5.90406C9.05078 6.48265 9.51982 6.95168 10.0984 6.95168Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M8.00277 15.3332C3.95896 15.3332 0.669434 12.0436 0.669434 7.99984C0.669434 3.95603 3.95896 0.666504 8.00277 0.666504C12.0466 0.666504 15.3361 3.95603 15.3361 7.99984C15.3361 12.0436 12.0466 15.3332 8.00277 15.3332ZM8.00277 1.99984C4.53515 1.99984 2.00277 4.53222 2.00277 7.99984C2.00277 11.4675 4.53515 13.9998 8.00277 13.9998C11.4704 13.9998 14.0028 11.4675 14.0028 7.99984C14.0028 4.53222 11.4704 1.99984 8.00277 1.99984Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M5.62329 11.3467C5.51404 11.6611 5.16422 11.8306 4.8479 11.7109L4.84692 11.7109L4.84399 11.7109L4.84497 11.71C4.53138 11.5999 4.36268 11.2515 4.48267 10.9355L4.48169 10.9346C4.73997 10.2037 5.21864 9.57115 5.85181 9.12402C6.48507 8.6769 7.24166 8.43732 8.01685 8.43848C9.50331 8.43848 10.8485 9.32324 11.4436 10.6611L11.5549 10.9395L11.554 10.9404C11.596 11.0884 11.5811 11.2469 11.511 11.3838C11.4408 11.5208 11.3208 11.6263 11.176 11.6787C11.0314 11.7309 10.8722 11.7264 10.7307 11.666C10.5891 11.6055 10.4756 11.4934 10.4133 11.3525L10.4104 11.3467L10.4114 11.3467C10.2369 10.8511 9.91239 10.4218 9.48364 10.1182C9.05488 9.81456 8.54222 9.65137 8.01685 9.65137C7.49167 9.65142 6.97967 9.81473 6.55103 10.1182C6.12226 10.4218 5.79777 10.8511 5.62329 11.3467Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\tstroke=\"#4B1583\"\n\t\t\t\t\tstrokeWidth={0.166667}\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_6886_8842\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgFormkitSad;\n"],"names":["SvgFormkitSad","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAgB,CAAC;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,KAAA,EAAE,UAAS,yBACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACD;AAAA,QACA,gBAAAA,EAAC,QAAA,EACA,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,mBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,SAAQ,GAC3C,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Media/Visual/index.d.ts

@@ -5,6 +5,8 @@ export { default as Crop } from './Crop';
 export { default as FlashOff } from './FlashOff';
 export { default as FlashOn } from './FlashOn';
 export { default as FormkitHappy } from './FormkitHappy';
+export { default as FormkitNeutral } from './FormkitNeutral';
+export { default as FormkitSad } from './FormkitSad';
 export { default as IconTrailing } from './IconTrailing';
 export { default as Image } from './Image';
 export { default as ImageAdd } from './ImageAdd';

package/dist/esm/icons/index.d.ts

@@ -1,44 +1,44 @@
-export { Send, Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, ProductTour, RestApi, Save, SendAirplane, ShareAndroid, Shortcut, Task } from './Actions/Common actions';
-export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox } from './Actions/Formatting';
-export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp } from './Actions/Navigation';
+export { Send, Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, ProductTour, RestApi, Save, SendAirplane, ShareAndroid, Shortcut, Task, } from './Actions/Common actions';
+export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox, } from './Actions/Formatting';
+export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp, } from './Actions/Navigation';
 export { HandleDrag, SingleChoice } from './Actions/Selection';
 export { CaratDown, CaratLeft, CaratRight, CaratUp } from './Arrows/Carat';
-export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from './Arrows/Chevron';
-export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp } from './Arrows/Double chevron';
-export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from './Arrows/Normal arrows';
+export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, } from './Arrows/Chevron';
+export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp, } from './Arrows/Double chevron';
+export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, } from './Arrows/Normal arrows';
 export { ArrowSwitch } from './Arrows/Special';
-export { AiIcon, Webhook, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, WandSparkles, Write } from './BIK AI specific';
-export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training } from './Informational/Common UI';
-export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone } from './Informational/Communication';
-export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound } from './Informational/Customer intent';
+export { AiIcon, Webhook, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, WandSparkles, Write, } from './BIK AI specific';
+export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training, } from './Informational/Common UI';
+export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone, } from './Informational/Communication';
+export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound, } from './Informational/Customer intent';
 export { SingleChoice as SingleChoice2 } from './Informational/Customer intent';
-export { CalendarCheck, Calendar, CalendarAdd, Clock, HourGlass, WorkingHours } from './Informational/Date and time';
-export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket } from './Informational/eCommerce';
+export { CalendarCheck, Calendar, CalendarAdd, Clock, HourGlass, WorkingHours, } from './Informational/Date and time';
+export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket, } from './Informational/eCommerce';
 export { ShoppingCart as ShoppingCart2 } from './Informational/eCommerce';
-export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive } from './Informational/Files and folders';
-export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet } from './Informational/Finance';
+export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive, } from './Informational/Files and folders';
+export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet, } from './Informational/Finance';
 export { Percent as Percent2 } from './Informational/Finance';
-export { BookOpenText, TicketV2, AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, HourglassFilled, IcList, Info, Merge, NewTicket, RoundCheck, Slash } from './Informational/General';
+export { BookOpenText, TicketV2, AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, HourglassFilled, IcList, Info, Merge, NewTicket, RoundCheck, Slash, } from './Informational/General';
 export { Help as Help2 } from './Informational/General';
-export { User, Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus } from './Informational/Identity';
-export { Address, LanguageChange, MapPin, Truck } from './Informational/Location';
-export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync, TicketForm } from './Informational/Store related';
+export { User, Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus, } from './Informational/Identity';
+export { Address, LanguageChange, MapPin, Truck, } from './Informational/Location';
+export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync, TicketForm, } from './Informational/Store related';
 export { ClipboardCheck as ClipboardCheck2 } from './Informational/Store related';
 export { Box, Box2 } from './Legacy - Bikayi specific/Categories';
 export { Journeys } from './Legacy - Bikayi specific/Navigation';
 export { Services as Services2 } from './Legacy - Bikayi specific/Navigation';
 export { PlanUltimate } from './Legacy - Bikayi specific/Plans';
-export { Businesscard, Customdomain, LoudSpeaker, Marketing, PaymentLink, Theme } from './Legacy - Bikayi specific/Services';
-export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline } from './Media/Audio';
+export { Businesscard, Customdomain, LoudSpeaker, Marketing, PaymentLink, Theme, } from './Legacy - Bikayi specific/Services';
+export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline, } from './Media/Audio';
 export { Desktop, Smartphone } from './Media/Devices';
-export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload } from './Media/Others';
-export { Frame26086263, Camera, CameraAdd, Crop, FlashOff, FlashOn, FormkitHappy, IconTrailing, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm } from './Media/Visual';
-export { EmailMarketingV2, EmailV2, FacebookCommentV2, FacebookV2, GmailV2, InstagramCommentV2, InstagramV2, MessengerV2, PhoneV2, RcsV2, SmsV2, TaskV2, WebpushV2, WhatsAppCallV2, WhatsAppV2, Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, MonoFacebookComment, MonoFacebook, MonoInstagram, MonoInstagramComment, MonoMail, MonoMessenger, MonoPhone, MonoTasks, MonoWhatsapp, ShopifyBrand, Tasks, WebPush, WhatsApp } from './Social/Channels';
+export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload, } from './Media/Others';
+export { Frame26086263, Camera, CameraAdd, Crop, FlashOff, FlashOn, FormkitHappy, FormkitNeutral, FormkitSad, IconTrailing, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm, } from './Media/Visual';
+export { EmailMarketingV2, EmailV2, FacebookCommentV2, FacebookV2, GmailV2, InstagramCommentV2, InstagramV2, MessengerV2, PhoneV2, RcsV2, SmsV2, TaskV2, WebpushV2, WhatsAppCallV2, WhatsAppV2, Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, MonoFacebookComment, MonoFacebook, MonoInstagram, MonoInstagramComment, MonoMail, MonoMessenger, MonoPhone, MonoTasks, MonoWhatsapp, ShopifyBrand, Tasks, WebPush, WhatsApp, } from './Social/Channels';
 export { Email as Email2 } from './Social/Channels';
-export { SlackIcon, BigCommerce, Google, Gorgias, Kustomer, Rcs, ShopifyDefault, Twitter, Website, WooCommerce, Youtube, Zendesk } from './Social/Social';
+export { SlackIcon, BigCommerce, Google, Gorgias, Kustomer, Rcs, ShopifyDefault, Twitter, Website, WooCommerce, Youtube, Zendesk, } from './Social/Social';
 export { EmailMarketing as EmailMarketing2 } from './Social/Social';
 export { Facebook as Facebook2 } from './Social/Social';
 export { Instagram as Instagram2 } from './Social/Social';
 export { Messenger as Messenger2 } from './Social/Social';
 export { Whatsapp as Whatsapp2 } from './Social/Social';
-export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock } from './Toggles/General';
+export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock, } from './Toggles/General';