@schematichq/schematic-components 0.7.8 → 0.8.0

package/dist/schematic-components.cjs.js

@@ -2015,66 +2015,6 @@ var require_pluralize = __commonJS({
   }
 });
 
-// node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "node_modules/classnames/index.js"(exports, module2) {
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      function classNames() {
-        var classes = "";
-        for (var i2 = 0; i2 < arguments.length; i2++) {
-          var arg = arguments[i2];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (typeof module2 !== "undefined" && module2.exports) {
-        classNames.default = classNames;
-        module2.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
-  }
-});
-
 // node_modules/lodash/now.js
 var require_now = __commonJS({
   "node_modules/lodash/now.js"(exports, module2) {
@@ -2260,7 +2200,7 @@ __export(index_exports, {
   ButtonElement: () => ButtonElement,
   Card: () => Card,
   Column: () => Column,
-  Container: () => Container2,
+  Container: () => Container,
   Element: () => Element,
   EmbedButton: () => EmbedButton,
   EmbedContext: () => EmbedContext,
@@ -2268,6 +2208,7 @@ __export(index_exports, {
   Flex: () => Flex,
   FussyChild: () => FussyChild,
   Icon: () => Icon2,
+  IconContainer: () => IconContainer,
   IconRound: () => IconRound,
   IncludedFeatures: () => IncludedFeatures,
   Input: () => Input,
@@ -2295,6 +2236,7 @@ __export(index_exports, {
   cardBoxShadow: () => cardBoxShadow,
   defaultSettings: () => defaultSettings,
   defaultTheme: () => defaultTheme,
+  iconsList: () => iconsList,
   progressColorMap: () => progressColorMap,
   useAvailablePlans: () => useAvailablePlans,
   useEmbed: () => useEmbed,
@@ -11133,6 +11075,8 @@ function CompanyPlanWithBillingSubViewFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    addedOn: json["added_on"] == null ? void 0 : new Date(json["added_on"]),
+    billingProductExternalId: json["billing_product_external_id"] == null ? void 0 : json["billing_product_external_id"],
     billingProductId: json["billing_product_id"] == null ? void 0 : json["billing_product_id"],
     description: json["description"] == null ? void 0 : json["description"],
     id: json["id"],
@@ -11572,6 +11516,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   return {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
+    chargeType: json["charge_type"],
     companyCanTrial: json["company_can_trial"],
     companyCount: json["company_count"],
     createdAt: new Date(json["created_at"]),
@@ -11593,6 +11538,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     isTrialable: json["is_trialable"],
     monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["monthly_price"]),
     name: json["name"],
+    oneTimePrice: json["one_time_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["one_time_price"]),
     planType: json["plan_type"],
     trialDays: json["trial_days"] == null ? void 0 : json["trial_days"],
     updatedAt: new Date(json["updated_at"]),
@@ -11656,6 +11602,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   return {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
+    chargeType: json["charge_type"],
     companyCount: json["company_count"],
     createdAt: new Date(json["created_at"]),
     description: json["description"],
@@ -11669,6 +11616,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     isTrialable: json["is_trialable"],
     monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["monthly_price"]),
     name: json["name"],
+    oneTimePrice: json["one_time_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["one_time_price"]),
     planType: json["plan_type"],
     trialDays: json["trial_days"] == null ? void 0 : json["trial_days"],
     updatedAt: new Date(json["updated_at"]),
@@ -13195,7 +13143,7 @@ var EmbedProvider = ({
   (0, import_react11.useEffect)(() => {
     if (accessToken) {
       const { headers = {} } = apiConfig ?? {};
-      headers["X-Schematic-Components-Version"] = "0.7.8";
+      headers["X-Schematic-Components-Version"] = "0.8.0";
       headers["X-Schematic-Session-ID"] = sessionIdRef.current;
       const config = new Configuration({
         ...apiConfig,
@@ -13680,13 +13628,143 @@ var Button2 = (0, import_react16.forwardRef)(
 );
 Button2.displayName = "Button";
 
+// node_modules/@schematichq/schematic-icons/dist/components/Icon.js
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Icon = ({ name, className = "", style, ...rest }) => {
+  return (0, import_jsx_runtime3.jsx)("i", { className: `icon icon-${name} ${className}`, style, ...rest });
+};
+var Icon_default = Icon;
+
+// node_modules/@schematichq/schematic-icons/dist/types.js
+var iconsList = {
+  "wind": 61697,
+  "webhook": 61698,
+  "waves": 61699,
+  "water-drop": 61700,
+  "watch-pocket": 61701,
+  "watch-hand": 61702,
+  "wallet": 61703,
+  "visa": 61704,
+  "video-camera": 61705,
+  "verified": 61706,
+  "unsubscribe": 61707,
+  "unprotected": 61708,
+  "tube": 61709,
+  "truck": 61710,
+  "tornado": 61711,
+  "thunder": 61712,
+  "text": 61713,
+  "test": 61714,
+  "stripe": 61715,
+  "stacks": 61716,
+  "stacked": 61717,
+  "speaker": 61718,
+  "spade": 61719,
+  "silence": 61720,
+  "signal": 61721,
+  "sidebar": 61722,
+  "server-search": 61723,
+  "segment": 61724,
+  "search": 61725,
+  "schematic": 61726,
+  "present": 61727,
+  "plus-rounded-outline": 61728,
+  "plus-minus": 61729,
+  "plug": 61730,
+  "plan": 61731,
+  "picker": 61732,
+  "percent": 61733,
+  "pencil": 61734,
+  "paypal": 61735,
+  "paper-plane": 61736,
+  "package": 61737,
+  "node-plus": 61738,
+  "node-minus": 61739,
+  "music": 61740,
+  "move": 61741,
+  "mastercard": 61742,
+  "link": 61743,
+  "key": 61744,
+  "juice": 61745,
+  "integration": 61746,
+  "info-rounded": 61747,
+  "image": 61748,
+  "hubspot": 61749,
+  "heart": 61750,
+  "hash": 61751,
+  "hammer": 61752,
+  "google": 61753,
+  "globe": 61754,
+  "glasses": 61755,
+  "github": 61756,
+  "generic-payment": 61757,
+  "folder": 61758,
+  "folder-plus": 61759,
+  "folder-minus": 61760,
+  "flask": 61761,
+  "filter": 61762,
+  "eye": 61763,
+  "exclamation-rounded-filled": 61764,
+  "equalizer": 61765,
+  "entitlements": 61766,
+  "dots-vertical": 61767,
+  "dots-horizontal": 61768,
+  "dollar-rounded": 61769,
+  "diamond": 61770,
+  "cylnder": 61771,
+  "credit": 61772,
+  "copy": 61773,
+  "connection": 61774,
+  "compass": 61775,
+  "collapse": 61776,
+  "collapse-empty": 61777,
+  "cog": 61778,
+  "coffee": 61779,
+  "code": 61780,
+  "cmd": 61781,
+  "club": 61782,
+  "cloud-up": 61783,
+  "close": 61784,
+  "close-rounded-filled": 61785,
+  "clerk": 61786,
+  "chips": 61787,
+  "chip": 61788,
+  "chevron-up": 61789,
+  "chevron-right": 61790,
+  "chevron-left": 61791,
+  "chevron-down": 61792,
+  "check": 61793,
+  "check-rounded": 61794,
+  "cashapp": 61795,
+  "burger": 61796,
+  "bulb": 61797,
+  "boolean": 61798,
+  "boolean-on": 61799,
+  "bookmark": 61800,
+  "board": 61801,
+  "bell": 61802,
+  "bank": 61803,
+  "backspace": 61804,
+  "arrow-upward": 61805,
+  "arrow-up": 61806,
+  "arrow-right": 61807,
+  "arrow-left": 61808,
+  "arrow-down": 61809,
+  "arrow-curved": 61810,
+  "arrow-analytics": 61811,
+  "applepay": 61812,
+  "amex": 61813,
+  "amazonpay": 61814,
+  "alarm": 61815
+};
+
 // src/components/ui/icon/styles.ts
-var Icon = dt.i`
+var Icon2 = dt(Icon_default)`
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-var Container = dt.div`
+var IconContainer = dt.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -13731,13 +13809,13 @@ var Container = dt.div`
   ${({ $variant, $colors }) => $variant === "outline" ? lt`
           background-color: transparent;
 
-          ${Icon} {
+          ${Icon2} {
             color: ${$colors[0]};
           }
         ` : lt`
           background-color: ${$colors[1]};
 
-          ${Icon} {
+          ${Icon2} {
             color: ${$colors[0]};
           }
         `}
@@ -13768,7 +13846,7 @@ var EmbedButton = dt(Button2)`
   return lt`
       color: ${textColor};
 
-      ${Icon} {
+      ${Icon2} {
         color: ${textColor};
       }
     `;
@@ -13787,7 +13865,7 @@ var EmbedButton = dt(Button2)`
         border-color: ${color};
         color: ${color};
 
-        ${Icon} {
+        ${Icon2} {
           color: ${color};
         }
       `;
@@ -13798,7 +13876,7 @@ var EmbedButton = dt(Button2)`
         border-color: #cbcbcb;
         color: ${color};
 
-        ${Icon} {
+        ${Icon2} {
           color: ${color};
         }
       `;
@@ -13809,7 +13887,7 @@ var EmbedButton = dt(Button2)`
         border-color: transparent;
         color: ${color};
 
-        ${Icon} {
+        ${Icon2} {
           color: ${color};
         }
       `;
@@ -13843,7 +13921,7 @@ var EmbedButton = dt(Button2)`
           border-color: ${color};
           color: ${textColor};
 
-          ${Icon} {
+          ${Icon2} {
             color: ${textColor};
           }
         `;
@@ -13936,134 +14014,6 @@ var Flex = dt(Box)`
   display: flex;
 `;
 
-// src/components/ui/icon/Icon.tsx
-var import_classnames = __toESM(require_classnames());
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Icon2 = ({ name, className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: (0, import_classnames.default)("i", `i-${name}`, className), ...props });
-};
-
-// src/components/ui/icon/icons.js
-var icons_default = {
-  alarm: 61697,
-  amazonpay: 61698,
-  amex: 61699,
-  applepay: 61700,
-  "arrow-analytics": 61701,
-  "arrow-curved": 61702,
-  "arrow-down": 61703,
-  "arrow-left": 61704,
-  "arrow-right": 61705,
-  "arrow-up": 61706,
-  "arrow-upward": 61707,
-  backspace: 61708,
-  bank: 61709,
-  bell: 61710,
-  board: 61711,
-  bookmark: 61712,
-  "boolean-on": 61713,
-  boolean: 61714,
-  bulb: 61715,
-  burger: 61716,
-  cashapp: 61717,
-  "check-rounded": 61718,
-  check: 61719,
-  "chevron-down": 61720,
-  "chevron-left": 61721,
-  "chevron-right": 61722,
-  "chevron-up": 61723,
-  chip: 61724,
-  chips: 61725,
-  clerk: 61726,
-  "close-rounded-filled": 61727,
-  close: 61728,
-  "cloud-up": 61729,
-  club: 61730,
-  cmd: 61731,
-  code: 61732,
-  coffee: 61733,
-  cog: 61734,
-  "collapse-empty": 61735,
-  collapse: 61736,
-  compass: 61737,
-  connection: 61738,
-  copy: 61739,
-  credit: 61740,
-  cylnder: 61741,
-  diamond: 61742,
-  "dollar-rounded": 61743,
-  "dots-horizontal": 61744,
-  "dots-vertical": 61745,
-  entitlements: 61746,
-  equalizer: 61747,
-  "exclamation-rounded-filled": 61748,
-  eye: 61749,
-  filter: 61750,
-  flask: 61751,
-  "folder-minus": 61752,
-  "folder-plus": 61753,
-  folder: 61754,
-  "generic-payment": 61755,
-  github: 61756,
-  glasses: 61757,
-  globe: 61758,
-  google: 61759,
-  hammer: 61760,
-  hash: 61761,
-  heart: 61762,
-  hubspot: 61763,
-  image: 61764,
-  "info-rounded": 61765,
-  juice: 61766,
-  key: 61767,
-  link: 61768,
-  mastercard: 61769,
-  move: 61770,
-  music: 61771,
-  "node-minus": 61772,
-  "node-plus": 61773,
-  package: 61774,
-  "paper-plane": 61775,
-  paypal: 61776,
-  pencil: 61777,
-  percent: 61778,
-  picker: 61779,
-  plan: 61780,
-  plug: 61781,
-  "plus-minus": 61782,
-  "plus-rounded-outline": 61783,
-  present: 61784,
-  schematic: 61785,
-  search: 61786,
-  segment: 61787,
-  "server-search": 61788,
-  sidebar: 61789,
-  signal: 61790,
-  silence: 61791,
-  spade: 61792,
-  speaker: 61793,
-  stacked: 61794,
-  stacks: 61795,
-  stripe: 61796,
-  text: 61797,
-  thunder: 61798,
-  tornado: 61799,
-  truck: 61800,
-  tube: 61801,
-  unprotected: 61802,
-  unsubscribe: 61803,
-  verified: 61804,
-  "video-camera": 61805,
-  visa: 61806,
-  wallet: 61807,
-  "watch-hand": 61808,
-  "watch-pocket": 61809,
-  "water-drop": 61810,
-  waves: 61811,
-  webhook: 61812,
-  wind: 61813
-};
-
 // src/components/ui/icon/IconRound.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var IconRound = ({
@@ -14073,13 +14023,9 @@ var IconRound = ({
   colors = ["white", "#e5e7eb"],
   ...props
 }) => {
-  const iconNamesSet = new Set(
-    Object.keys(icons_default)
-  );
-  const isIconName = (value) => {
-    return iconNamesSet.has(value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { $size: size, $variant: variant, $colors: colors, ...props, children: isIconName(name) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { name }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const iconNamesSet = new Set(Object.keys(iconsList));
+  const isIconName = (value) => iconNamesSet.has(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconContainer, { $size: size, $variant: variant, $colors: colors, ...props, children: isIconName(name) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { name }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "span",
     {
       style: {
@@ -14281,7 +14227,7 @@ var Modal = (0, import_react17.forwardRef)(
         $scrollbarColor: `${isLightBackground ? "hsla(0, 0%, 0%, 0.15)" : "hsla(0, 0%, 100%, 0.15)"} transparent`,
         $scrollbarWidth: "thin",
         $scrollbarGutter: "stable both-edges",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Flex,
           {
             ref: contentRef,
@@ -14789,7 +14735,7 @@ Column.displayName = "Column";
 var import_react22 = require("react");
 
 // src/components/layout/root/styles.ts
-var Container2 = dt.div`
+var Container = dt.div`
   all: initial;
   box-sizing: border-box;
   display: block;
@@ -14823,7 +14769,7 @@ var Container2 = dt.div`
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var Root = (0, import_react22.forwardRef)(
   ({ data, settings, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Container2, { ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Container, { ref, ...props });
   }
 );
 Root.displayName = "Root";
@@ -18794,7 +18740,7 @@ Invoices.displayName = "Invoices";
 var import_react35 = require("react");
 
 // src/components/elements/metered-features/styles.ts
-var Container3 = dt.div`
+var Container2 = dt.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -18890,7 +18836,7 @@ var MeteredFeatures = (0, import_react35.forwardRef)(({ className, ...rest }, re
   if (!shouldShowFeatures) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Container3, { ref, className, children: featureUsage.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Container2, { ref, className, children: featureUsage.map(
     ({
       feature,
       priceBehavior,
@@ -21380,13 +21326,6 @@ var SchematicEmbed = ({
 };
 /*! Bundled license information:
 
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
-
 pako/dist/pako.esm.mjs:
   (*! pako 2.1.0 https://github.com/nodeca/pako @license (MIT AND Zlib) *)
 */