@zeniai/web-components 3.17.23 → 3.17.24

package/dist/FeaturePreviewPage-Us5W5Wo9.js

@@ -0,0 +1,114 @@
+import { u as v, b as s, j as e } from "./vendor-.pnpm-UYinI_7q.js";
+import l from "@emotion/styled";
+import { u as f, a as k, C as n, aP as z, R as p, aQ as y, aR as C, D as m } from "./index-ymbrtWl5.js";
+const i = {
+  popupWidth: new p(200, 468, 468, 468),
+  buttonWidth: new p(140, 160, 160, 160),
+  popupContainerLeft: new p(m[0], m[0], 255),
+  popupContainerWidth: new p(100, 100, 85)
+}, x = l.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${(a) => a.theme.colors.grey4};
+`, _ = l.img`
+  width: 100%;
+  height: 100%;
+`, W = {
+  mobile: {
+    dashboard: "https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",
+    reports: "https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",
+    forecast: "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",
+    bills: "https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",
+    reimbursements: "https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",
+    vendors: "https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",
+    people: "",
+    rewards: "",
+    cards: "",
+    checking: "https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",
+    treasury: "",
+    accounting: "",
+    approval_rules: "",
+    bank_connections: "",
+    business_verification: "",
+    company_details: "",
+    integrations: "",
+    my_profile: "",
+    my_bank_connections: "",
+    notifications: "",
+    billing: "",
+    performance: "",
+    ai_accountant: "",
+    ai_cfo: ""
+  },
+  normal: {
+    dashboard: "https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",
+    reports: "https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",
+    forecast: "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",
+    bills: "https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",
+    reimbursements: "https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",
+    vendors: "https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",
+    people: "",
+    rewards: "",
+    cards: "",
+    checking: "https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",
+    treasury: "",
+    accounting: "",
+    approval_rules: "",
+    bank_connections: "",
+    business_verification: "",
+    company_details: "",
+    integrations: "",
+    my_profile: "",
+    my_bank_connections: "",
+    notifications: "",
+    billing: "",
+    performance: "",
+    ai_accountant: "",
+    ai_cfo: ""
+  }
+};
+function L({
+  menuItem: a,
+  onDemoClick: g,
+  onGoBack: d
+}) {
+  const t = v(), o = f(), u = `${W[o === "small" ? "mobile" : "normal"][a]}-${t.mode}.png`, { featurePreview: r } = k.getLocalizedStrings(), c = r.popups[a], h = t.mode === "light" ? new s(n.backgroundGradient1Light) : new s(n.backgroundGradient1Dark), b = t.mode === "light" ? new s(n.backgroundGradient2Light) : new s(n.backgroundGradient2Dark), w = {
+    onOkClick: () => {
+      g();
+    },
+    onCancelClick: () => {
+      d();
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(x, { children: [
+    /* @__PURE__ */ e.jsx(_, { src: u, alt: "feature-preview", loading: "lazy" }),
+    /* @__PURE__ */ e.jsx(
+      z,
+      {
+        titleComponent: /* @__PURE__ */ e.jsx(C, { children: c.title }),
+        descriptionComponent: /* @__PURE__ */ e.jsx(y, { children: c.text }),
+        primaryButtonText: r.scheduleDemo,
+        secondaryButtonText: r.goBack,
+        action: w,
+        primaryButtonWidth: i.buttonWidth.value(o),
+        secondaryButtonWidth: i.buttonWidth.value(o),
+        style: {
+          background: `radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,
+          backdropFilter: "blur(2px)",
+          width: i.popupContainerWidth.valuePercentage(o),
+          left: i.popupContainerLeft.value(o)
+        },
+        containerStyle: {
+          border: `1px solid ${t.colors.grey1}`,
+          minWidth: i.popupWidth.valuePx(o)
+        }
+      }
+    )
+  ] });
+}
+export {
+  L as default
+};

package/dist/FeaturePreviewPage-_h8m3Hhv.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-DLVCFIC_.cjs"),r=require("@emotion/styled"),o=require("./index-BSvKy2E6.cjs"),t={popupWidth:new o.ResponsiveSized(200,468,468,468),buttonWidth:new o.ResponsiveSized(140,160,160,160),popupContainerLeft:new o.ResponsiveSized(o.sp[0],o.sp[0],255),popupContainerWidth:new o.ResponsiveSized(100,100,85)},h=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,b=r.img`
+  width: 100%;
+  height: 100%;
+`,v={mobile:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""},normal:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""}};function w({menuItem:s,onDemoClick:c,onGoBack:m}){const a=e.useTheme(),i=o.useWindowSizeContext(),l=`${v[i==="small"?"mobile":"normal"][s]}-${a.mode}.png`,{featurePreview:n}=o.appLocale.getLocalizedStrings(),p=n.popups[s],g=a.mode==="light"?new e.Color(o.Colors.backgroundGradient1Light):new e.Color(o.Colors.backgroundGradient1Dark),d=a.mode==="light"?new e.Color(o.Colors.backgroundGradient2Light):new e.Color(o.Colors.backgroundGradient2Dark),u={onOkClick:()=>{c()},onCancelClick:()=>{m()}};return e.jsxRuntimeExports.jsxs(h,{children:[e.jsxRuntimeExports.jsx(b,{src:l,alt:"feature-preview",loading:"lazy"}),e.jsxRuntimeExports.jsx(o.ConfirmationPopup,{titleComponent:e.jsxRuntimeExports.jsx(o.ConfirmationPopUpTitle,{children:p.title}),descriptionComponent:e.jsxRuntimeExports.jsx(o.ConfirmationPopUpDescription,{children:p.text}),primaryButtonText:n.scheduleDemo,secondaryButtonText:n.goBack,action:u,primaryButtonWidth:t.buttonWidth.value(i),secondaryButtonWidth:t.buttonWidth.value(i),style:{background:`radial-gradient(50% 50% at 50% 50%, ${g} 0%, ${d} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(i),left:t.popupContainerLeft.value(i)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:t.popupWidth.valuePx(i)}})]})}exports.default=w;