@bikdotai/bik-component-library 0.0.341-beta-relative → 0.0.342-beta-relative
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("react-dom"),o=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),s=require("../button/Button.js"),n=require("../TypographyStyle.js"),a=require("./CommonStyles.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(t);exports.RelativeModal=t=>{const{zIndex:r,isDemoContainer:l=!1,handleButtonClick:d,triggerPosition:u}=t,h=e=>{d(e)},m=u&&window.innerHeight-u.top<100,j=u&&u.left+100>window.innerWidth,b=u?{position:"fixed",top:m?"auto":u.top,bottom:m?"0":"auto",left:j?"16px":`${u.left}px`,width:"unset",background:"none"}:{alignItems:"center",height:900};return c.default.createPortal(e.jsx(a.FeatureModalContainer,Object.assign({zIndex:r,resetHeight:!0,style:b,relativePostion:!!u},{children:e.jsxs(a.RelativeModalContainer,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>h("close"),"aria-hidden":"true"},{children:e.jsx(i.default,{height:24,width:24,color:"#000000"})})),l?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(n.TitleMedium,Object.assign({color:o.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsx(n.BodyPrimary,{children:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsx("div",Object.assign({className:"left-content"},{children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsx(n.TitleMedium,{children:"Connect Shopify "}),e.jsx(n.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsx(s.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>h("shopify")}),e.jsx(s.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>h("demo")})]}))]}))]}))]})})),document.body)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react-dom";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as r}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,isDemoContainer:h=!1,handleButtonClick:p,triggerPosition:b}=d,
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react-dom";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as r}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,isDemoContainer:h=!1,handleButtonClick:p,triggerPosition:b}=d,g=e=>{p(e)},u=b&&window.innerHeight-b.top<100,y=b&&b.left+100>window.innerWidth,f=b?{position:"fixed",top:u?"auto":b.top,bottom:u?"0":"auto",left:y?"16px":`${b.left}px`,width:"unset",background:"none"}:{alignItems:"center",height:900};return o.createPortal(e(c,Object.assign({zIndex:m,resetHeight:!0,style:f,relativePostion:!!b},{children:t(l,{children:[e("div",Object.assign({className:"cross-container",onClick:()=>g("close"),"aria-hidden":"true"},{children:e(n,{height:24,width:24,color:"#000000"})})),t("div",h?Object.assign({className:"demo-container"},{children:[e(a,Object.assign({color:i.background.negative.vibrant},{children:"Demo Store Limitations"})),e(r,{children:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):Object.assign({className:"content-layout"},{children:[e("div",Object.assign({className:"left-content"},{children:e("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),t("div",Object.assign({className:"right-content"},{children:[e(a,{children:"Connect Shopify "}),e(r,Object.assign({style:{maxWidth:432}},{children:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),t("div",Object.assign({className:"cta-button-container"},{children:[e(s,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>g("shopify")}),e(s,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>g("demo")})]}))]}))]}))]})})),document.body)};export{d as RelativeModal};
|