@bikdotai/bik-component-library 0.0.533-beta.115 → 0.0.533-beta.117
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.d.ts +2 -0
- package/dist/cjs/components/ai-modals/ActivateBikAI.js +1 -1
- package/dist/cjs/components/ai-modals/AiCreditsExhausted.d.ts +2 -0
- package/dist/cjs/components/ai-modals/AiCreditsExhausted.js +1 -1
- package/dist/cjs/components/ai-modals/AiCreditsLow.d.ts +2 -0
- package/dist/cjs/components/ai-modals/AiCreditsLow.js +1 -1
- package/dist/cjs/components/ai-modals/AiSyncProgress.d.ts +2 -0
- package/dist/cjs/components/ai-modals/AiSyncProgress.js +1 -1
- package/dist/esm/components/ai-modals/ActivateBikAI.d.ts +2 -0
- package/dist/esm/components/ai-modals/ActivateBikAI.js +1 -1
- package/dist/esm/components/ai-modals/AiCreditsExhausted.d.ts +2 -0
- package/dist/esm/components/ai-modals/AiCreditsExhausted.js +1 -1
- package/dist/esm/components/ai-modals/AiCreditsLow.d.ts +2 -0
- package/dist/esm/components/ai-modals/AiCreditsLow.js +1 -1
- package/dist/esm/components/ai-modals/AiSyncProgress.d.ts +2 -0
- package/dist/esm/components/ai-modals/AiSyncProgress.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("../../constants/Theme.js"),i=require("../../assets/icons/graph.svg.js"),s=require("../../assets/icons/sparkle.svg.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/graph.svg.js"),s=require("../../assets/icons/sparkle.svg.js"),n=require("../button/Button.js"),r=require("../modals/Modal.js"),o=require("../TypographyStyle.js");exports.ActivateBikAi=a=>{let{open:l,onModalClose:d,onRightBtnClick:c,onLeftBtnClick:x}=a;return e.jsx(r.Modal,Object.assign({open:l,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:d,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(o.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(o.TitleLarge,{children:"Activate BIK AI"}),e.jsx(s.default,{width:32,height:32})]})),e.jsx(o.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",onClick:x}),e.jsx(n.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:t.COLORS.background.brand},onClick:c})]}))]})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/alert_triangle.svg.js"),n=require("../button/Button.js"),i=require("../modals/Modal.js"),r=require("../progress-bar/ProgressBarComponent.js"),o=require("../TypographyStyle.js");exports.AiCreditsExhausted=l=>{let{open:a,onModalClose:d,body:c}=l;return e.jsx(i.Modal,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:d,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(o.TitleLarge,{children:"Free AI Credits Exhausted"})})),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",alignItems:"center",gap:"4px"}},{children:[e.jsx(s.default,{color:t.COLORS.content.negative,width:20,height:20}),e.jsx("div",{style:{width:"8px"}}),e.jsx(o.TitleRegular,{children:"0/100"}),e.jsx(o.BodySecondary,Object.assign({color:t.COLORS.content.secondary},{children:"Free Credits left"}))]})),e.jsx(r.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:t.COLORS.content.negative})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(o.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:c||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e.jsx("div",{style:{height:"44px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"small"}),e.jsx(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand}})]}))]}))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/alert_triangle.svg.js"),n=require("../button/Button.js"),i=require("../modals/Modal.js"),r=require("../progress-bar/ProgressBarComponent.js"),o=require("../TypographyStyle.js");exports.AiCreditsExhausted=l=>{let{open:a,onModalClose:d,body:c,onRightBtnClick:x,onLeftBtnClick:j}=l;return e.jsx(i.Modal,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:d,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(o.TitleLarge,{children:"Free AI Credits Exhausted"})})),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",alignItems:"center",gap:"4px"}},{children:[e.jsx(s.default,{color:t.COLORS.content.negative,width:20,height:20}),e.jsx("div",{style:{width:"8px"}}),e.jsx(o.TitleRegular,{children:"0/100"}),e.jsx(o.BodySecondary,Object.assign({color:t.COLORS.content.secondary},{children:"Free Credits left"}))]})),e.jsx(r.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:t.COLORS.content.negative})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(o.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:c||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e.jsx("div",{style:{height:"44px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:j}),e.jsx(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x})]}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/alert_triangle.svg.js"),i=require("../button/Button.js"),n=require("../modals/Modal.js"),r=require("../TypographyStyle.js");exports.AiCreditsLow=o=>{let{open:l,onModalClose:d}=o;return e.jsx(n.Modal,Object.assign({open:l,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40},{children:e.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e.jsx("div",Object.assign({style:{backgroundColor:t.COLORS.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e.jsx(s.default,{width:40,height:40,color:t.COLORS.content.negative})}))})),e.jsx("div",{style:{height:"32px"}}),e.jsx(r.TitleLarge,{children:"Your AI Credits are running low"}),e.jsx("div",{style:{height:"24px"}}),e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e.jsx("div",{style:{height:"12px"}}),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),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(i.Button,{buttonText:"Close",buttonType:"text",size:"small"}),e.jsx(i.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand}})]}))]}))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/alert_triangle.svg.js"),i=require("../button/Button.js"),n=require("../modals/Modal.js"),r=require("../TypographyStyle.js");exports.AiCreditsLow=o=>{let{open:l,onModalClose:d,onLeftBtnClick:c,onRightBtnClick:a}=o;return e.jsx(n.Modal,Object.assign({open:l,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40},{children:e.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e.jsx("div",Object.assign({style:{backgroundColor:t.COLORS.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e.jsx(s.default,{width:40,height:40,color:t.COLORS.content.negative})}))})),e.jsx("div",{style:{height:"32px"}}),e.jsx(r.TitleLarge,{children:"Your AI Credits are running low"}),e.jsx("div",{style:{height:"24px"}}),e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e.jsx("div",{style:{height:"12px"}}),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),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(i.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:c}),e.jsx(i.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:a})]}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/sync.svg.js"),i=require("../button/Button.js"),n=require("../modals/Modal.js"),r=require("../progress-bar/ProgressBarComponent.js"),o=require("../TypographyStyle.js");exports.AiSyncProgress=l=>{let{open:a,onModalClose:c,completedPercent:d,onLeftBtnClick:x,onRightBtnClick:p}=l;return e.jsx(n.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(o.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(s.default,{width:24,height:24}),e.jsx(o.BodyPrimary,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e.jsx(r.ProgressBarComponent,{completed:d,isAnimated:!1,height:16,color:t.COLORS.background.positive.vibrant})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(o.BodyPrimary,Object.assign({color:t.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(i.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:x}),e.jsx(i.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:p})]}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/graph.svg.js";import
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/graph.svg.js";import o from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{TitleMedium as a,TitleLarge as l,BodyPrimary as c}from"../TypographyStyle.js";const d=d=>{let{open:p,onModalClose:g,onRightBtnClick:h,onLeftBtnClick:x}=d;return e(s,Object.assign({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(a,{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(l,{children:"Activate BIK AI"}),e(o,{width:32,height:32})]})),e(c,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(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:x}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]}))]})}))};export{d as ActivateBikAi};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as l,TitleRegular as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as l,TitleRegular as c,BodySecondary as d,BodyPrimary as a}from"../TypographyStyle.js";const p=p=>{let{open:g,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y}=p;return e(s,Object.assign({open:g,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,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(l,{children:"Free AI Credits Exhausted"})})),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",alignItems:"center",gap:"4px"}},{children:[e(i,{color:n.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(c,{children:"0/100"}),e(d,Object.assign({color:n.content.secondary},{children:"Free Credits left"}))]})),e(r,{completed:100,isAnimated:!1,height:16,color:n.content.negative})]})),e("div",{style:{height:"24px"}}),e(a,Object.assign({color:n.content.secondary},{children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e("div",{style:{height:"44px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:m})]}))]}))}))};export{p as AiCreditsExhausted};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as s,BodyPrimary as l}from"../TypographyStyle.js";const d=d=>{let{open:c,onModalClose:a}=d;return e(r,Object.assign({open:c,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e("div",Object.assign({style:{backgroundColor:n.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e(i,{width:40,height:40,color:n.content.negative})}))})),e("div",{style:{height:"32px"}}),e(s,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(l,Object.assign({color:n.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e("div",{style:{height:"12px"}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e(l,Object.assign({color:n.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Close",buttonType:"text",size:"small"}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand}})]}))]}))}))};export{d as AiCreditsLow};
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as s,BodyPrimary as l}from"../TypographyStyle.js";const d=d=>{let{open:c,onModalClose:a,onLeftBtnClick:p,onRightBtnClick:g}=d;return e(r,Object.assign({open:c,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e("div",Object.assign({style:{backgroundColor:n.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e(i,{width:40,height:40,color:n.content.negative})}))})),e("div",{style:{height:"32px"}}),e(s,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(l,Object.assign({color:n.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e("div",{style:{height:"12px"}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e(l,Object.assign({color:n.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Close",buttonType:"text",size:"small",onClick:p}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:g})]}))]}))}))};export{d as AiCreditsLow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as r,BodyPrimary as c}from"../TypographyStyle.js";const a=a=>{let{open:d,onModalClose:p,completedPercent:m,onLeftBtnClick:h,onRightBtnClick:g}=a;return e(s,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(r,{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(o,{width:24,height:24}),e(c,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e(l,{completed:m,isAnimated:!1,height:16,color:i.background.positive.vibrant})]})),e("div",{style:{height:"24px"}}),e(c,Object.assign({color:i.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(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:h}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.background.brand},onClick:g})]}))]}))}))};export{a as AiSyncProgress};
|