@bikdotai/bik-component-library 0.0.533-beta.133 → 0.0.533-beta.134
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"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/alert_triangle.svg.js"),n=require("../button/Button.js"),o=require("../modals/Modal.js"),i=require("../progress-bar/ProgressBarComponent.js"),r=require("../TypographyStyle.js");exports.AiCreditsExhausted=l=>{let{open:a,onModalClose:
|
|
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"),o=require("../modals/Modal.js"),i=require("../progress-bar/ProgressBarComponent.js"),r=require("../TypographyStyle.js");exports.AiCreditsExhausted=l=>{let{open:a,onModalClose:c,body:d,onRightBtnClick:x,onLeftBtnClick:u,isTestModeConf:j}=l;return e.jsx(o.Modal,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"312px",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(r.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(r.TitleRegular,{children:"0/100"}),e.jsx(r.BodySecondary,Object.assign({color:t.COLORS.content.secondary},{children:"Free Credits left"}))]})),e.jsx(i.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:t.COLORS.content.negative})]})),e.jsx("div",{style:{height:"24px"}}),j?j.isLive?e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Contact support to add credits to make journey live for all your customers"})):e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:"Contact support to add credits to make journey live. You may turn on the journey in test mode to experience it."})):e.jsx(r.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:d||"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:[j?j.isLive?e.jsx(n.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:u}):e.jsx(n.Button,{buttonText:"Contact Support",buttonType:"secondary",size:"small",onClick:u}):e.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:u}),j&&!j.isLive?e.jsx(n.Button,{buttonText:"Turn on in Test Mode",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x}):e.jsx(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x})]}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}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 a,BodyPrimary as d}from"../TypographyStyle.js";const p=p=>{let{open:u,onModalClose:y,body:g,onRightBtnClick:m,onLeftBtnClick:x,isTestModeConf:h}=p;return e(s,Object.assign({open:u,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:y,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(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(c,{children:"0/100"}),e(a,Object.assign({color:o.content.secondary},{children:"Free Credits left"}))]})),e(r,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]})),e("div",{style:{height:"24px"}}),h?h.isLive?e(d,Object.assign({color:o.content.secondary},{children:"Contact support to add credits to make journey live for all your customers"})):e(d,Object.assign({color:o.content.secondary},{children:"Contact support to add credits to make journey live. You may turn on the journey in test mode to experience it."})):e(d,Object.assign({color:o.content.secondary},{children:g||"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:[h?h.isLive?e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:x}):e(i,{buttonText:"Contact Support",buttonType:"secondary",size:"small",onClick:x}):e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:x}),
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}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 a,BodyPrimary as d}from"../TypographyStyle.js";const p=p=>{let{open:u,onModalClose:y,body:g,onRightBtnClick:m,onLeftBtnClick:x,isTestModeConf:h}=p;return e(s,Object.assign({open:u,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:y,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(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(c,{children:"0/100"}),e(a,Object.assign({color:o.content.secondary},{children:"Free Credits left"}))]})),e(r,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]})),e("div",{style:{height:"24px"}}),h?h.isLive?e(d,Object.assign({color:o.content.secondary},{children:"Contact support to add credits to make journey live for all your customers"})):e(d,Object.assign({color:o.content.secondary},{children:"Contact support to add credits to make journey live. You may turn on the journey in test mode to experience it."})):e(d,Object.assign({color:o.content.secondary},{children:g||"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:[h?h.isLive?e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:x}):e(i,{buttonText:"Contact Support",buttonType:"secondary",size:"small",onClick:x}):e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:x}),h&&!h.isLive?e(i,{buttonText:"Turn on in Test Mode",size:"small",style:{backgroundColor:o.background.brand},onClick:m}):e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:m})]}))]}))}))};export{p as AiCreditsExhausted};
|