@bikdotai/bik-component-library 0.0.514-beta.115 → 0.0.514-beta.118
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ai-modals/ActivateBikAI.js +1 -1
- package/dist/cjs/components/ai-modals/AiSyncProgress.js +1 -1
- package/dist/cjs/hooks/useOutside.js +1 -1
- package/dist/esm/components/ai-modals/ActivateBikAI.js +1 -1
- package/dist/esm/components/ai-modals/AiSyncProgress.js +1 -1
- package/dist/esm/hooks/useOutside.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../modals/Modal.js"),i=require("../../assets/icons/graph.svg.js"),s=require("../../assets/icons/sparkle.svg.js"),r=require("../TypographyStyle.js"),n=require("../button/Button.js"),a=require("../../constants/Theme.js");exports.ActivateBikAi=o=>{let{open:d,onModalClose:l}=o;return e.jsx(t.Modal,{open:d,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px",zIndex:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../modals/Modal.js"),i=require("../../assets/icons/graph.svg.js"),s=require("../../assets/icons/sparkle.svg.js"),r=require("../TypographyStyle.js"),n=require("../button/Button.js"),a=require("../../constants/Theme.js");exports.ActivateBikAi=o=>{let{open:d,onModalClose:l}=o;return e.jsx(t.Modal,{open:d,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:l,closeOnOutsideClick:!0,children:e.jsxs("div",{children:[e.jsxs("div",Object.assign({style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px"}},{children:[e.jsx(i.default,{width:100,height:90}),e.jsx("div",Object.assign({style:{width:"302px"}},{children:e.jsx(r.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})}))]})),e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e.jsx(r.TitleLarge,{children:"Activate BIK AI"}),e.jsx(s.default,{width:32,height:32})]})),e.jsx(r.BodyPrimary,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.ai to supercharge it with your store’s data to start responding to customer queries right away!"}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"large"}),e.jsx(n.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:a.COLORS.background.brand}})]}))]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../modals/Modal.js"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("../button/Button.js"),n=require("../../assets/icons/sync.svg.js"),o=require("../progress-bar/ProgressBarComponent.js");exports.AiSyncProgress=l=>{let{open:a,onModalClose:c,completedPercent:d}=l;return e.jsx(s.Modal,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0},{children:e.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e.jsx(t.TitleLarge,{children:"Wait for Sync to complete"})})),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e.jsx(n.default,{width:24,height:24}),e.jsx(t.BodyPrimary,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e.jsx(o.ProgressBarComponent,{completed:d,isAnimated:!1,height:16,color:i.COLORS.background.positive.vibrant})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(t.BodyPrimary,Object.assign({color:i.COLORS.content.secondary},{children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"})),e.jsx("div",{style:{height:"32px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsx(r.Button,{buttonText:"Close",buttonType:"text",size:"small"}),e.jsx(r.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.COLORS.background.brand}})]}))]}))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../modals/Modal.js"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("../button/Button.js"),n=require("../../assets/icons/sync.svg.js"),o=require("../progress-bar/ProgressBarComponent.js");exports.AiSyncProgress=l=>{let{open:a,onModalClose:c,completedPercent:d}=l;return e.jsx(s.Modal,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0,zIndex:40},{children:e.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e.jsx(t.TitleLarge,{children:"Wait for Sync to complete"})})),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e.jsx(n.default,{width:24,height:24}),e.jsx(t.BodyPrimary,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e.jsx(o.ProgressBarComponent,{completed:d,isAnimated:!1,height:16,color:i.COLORS.background.positive.vibrant})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(t.BodyPrimary,Object.assign({color:i.COLORS.content.secondary},{children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"})),e.jsx("div",{style:{height:"32px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsx(r.Button,{buttonText:"Close",buttonType:"text",size:"small"}),e.jsx(r.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.COLORS.background.brand}})]}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useOutside=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];e.useEffect((()=>{function e(e){let u=!0;null==r||r.forEach((t=>{t.current&&t.current.contains(e.target)&&(u=!1)})),u&&(null==t?void 0:t.current)&&!t.current.contains(e.target)&&n()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useOutside=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];e.useEffect((()=>{function e(e){let u=!0;null==r||r.forEach((t=>{(null==t?void 0:t.current)&&t.current.contains(e.target)&&(u=!1)})),u&&(null==t?void 0:t.current)&&!t.current.contains(e.target)&&n()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Modal as i}from"../modals/Modal.js";import n from"../../assets/icons/graph.svg.js";import r from"../../assets/icons/sparkle.svg.js";import{TitleMedium as o,TitleLarge as s,BodyPrimary as a}from"../TypographyStyle.js";import{Button as d}from"../button/Button.js";import{COLORS as l}from"../../constants/Theme.js";const c=c=>{let{open:p,onModalClose:g}=c;return e(i,{open:p,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px",zIndex:
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Modal as i}from"../modals/Modal.js";import n from"../../assets/icons/graph.svg.js";import r from"../../assets/icons/sparkle.svg.js";import{TitleMedium as o,TitleLarge as s,BodyPrimary as a}from"../TypographyStyle.js";import{Button as d}from"../button/Button.js";import{COLORS as l}from"../../constants/Theme.js";const c=c=>{let{open:p,onModalClose:g}=c;return e(i,{open:p,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:g,closeOnOutsideClick:!0,children:t("div",{children:[t("div",Object.assign({style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px"}},{children:[e(n,{width:100,height:90}),e("div",Object.assign({style:{width:"302px"}},{children:e(o,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})}))]})),t("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e(s,{children:"Activate BIK AI"}),e(r,{width:32,height:32})]})),e(a,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.ai to supercharge it with your store’s data to start responding to customer queries right away!"}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e(d,{buttonText:"Learn More",buttonType:"text",size:"large"}),e(d,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:l.background.brand}})]}))]})})};export{c as ActivateBikAi};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Modal as i}from"../modals/Modal.js";import{TitleLarge as o,BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";import{Button as r}from"../button/Button.js";import l from"../../assets/icons/sync.svg.js";import{ProgressBarComponent as c}from"../progress-bar/ProgressBarComponent.js";const a=a=>{let{open:
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Modal as i}from"../modals/Modal.js";import{TitleLarge as o,BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";import{Button as r}from"../button/Button.js";import l from"../../assets/icons/sync.svg.js";import{ProgressBarComponent as c}from"../progress-bar/ProgressBarComponent.js";const a=a=>{let{open:d,onModalClose:p,completedPercent:m}=a;return e(i,Object.assign({open:d,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:p,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e(o,{children:"Wait for Sync to complete"})})),e("div",{style:{height:"24px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e(l,{width:24,height:24}),e(n,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e(c,{completed:m,isAnimated:!1,height:16,color:s.background.positive.vibrant})]})),e("div",{style:{height:"24px"}}),e(n,Object.assign({color:s.content.secondary},{children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(r,{buttonText:"Close",buttonType:"text",size:"small"}),e(r,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:s.background.brand}})]}))]}))}))};export{a as AiSyncProgress};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as
|
|
1
|
+
import{useEffect as n}from"react";function t(t,e){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];n((()=>{function n(n){let o=!0;null==r||r.forEach((t=>{(null==t?void 0:t.current)&&t.current.contains(n.target)&&(o=!1)})),o&&(null==t?void 0:t.current)&&!t.current.contains(n.target)&&e()}return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[t])}export{t as useOutside};
|