@bikdotai/bik-component-library 0.0.514-beta.117 → 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.
|
@@ -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
|
-
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};
|