@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/subscription/PlanAddonsSettings.js

@@ -1 +1,396 @@
-import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useEffect as C,useCallback as T}from"react";import{Loading as P,useRecordContext as S}from"react-admin";import{useFormContext as F,useWatch as B,Controller as k}from"react-hook-form";import{useSubscriptionPlanFormats as _}from"../../contexts/SubscriptionPlanFormatsProvider";import{Box as h,Switch as j,FormControlLabel as U,TextField as G,Typography as u,Paper as I,Chip as E,InputAdornment as V,Collapse as O,Divider as R,Grid as w}from"@mui/material";import{priceFormatter as $}from"@dashadmin/dash-utils";const D=["CLP","USD"],at="CLP",W={CLP:{symbol:"$",decimals:0,name:"Chilean Peso"},USD:{symbol:"$",decimals:2,name:"US Dollar"}},L=({addonId:n,entry:a,plan:r,mode:b})=>{const{control:c,setValue:m,watch:y}=F(),g=y(`addons.${n}`)??a.default_value??!1,A=y(`addon_prices.${n}`)??r?.addon_prices?.[n]??{},l=T(t=>{if(m(`addons.${n}`,t,{shouldDirty:!0}),t&&Object.keys(A).length===0){const s={};D.forEach(i=>{s[i]=a.prices?.[i]??0}),m(`addon_prices.${n}`,s,{shouldDirty:!0})}},[n,A,a.prices,m]),f=T((t,s)=>{const i=parseInt(s.replace(/[^0-9]/g,""),10)||0;m(`addon_prices.${n}.${t}`,i,{shouldDirty:!0})},[n,m]),o=(t,s)=>$(t,s),p=b==="view";return e(I,{elevation:1,sx:{p:2,mb:2,borderLeft:g?"4px solid #4caf50":"4px solid #e0e0e0",transition:"border-color 0.3s"},children:d(w,{container:!0,spacing:2,alignItems:"flex-start",children:[d(w,{component:"div",item:!0,xs:12,md:4,children:[e(k,{name:`addons.${n}`,control:c,defaultValue:a.default_value??!1,render:({field:t})=>e(U,{control:e(j,{checked:t.value??!1,onChange:s=>{t.onChange(s.target.checked),l(s.target.checked)},disabled:p,color:"primary"}),label:d(h,{children:[d(u,{variant:"subtitle1",fontWeight:"medium",children:[a.icon&&e("span",{style:{marginRight:8},children:a.icon}),a.label]}),a.description&&e(u,{variant:"caption",color:"text.secondary",children:a.description})]})})}),a.service_class&&e(E,{label:"Has Service Class",size:"small",variant:"outlined",sx:{mt:1}})]}),e(w,{component:"div",item:!0,xs:12,md:8,children:d(O,{in:g,children:[e(h,{sx:{display:"flex",gap:2,flexWrap:"wrap"},children:D.map(t=>{const s=W[t],i=A[t]??a.prices?.[t]??0;return e(k,{name:`addon_prices.${n}.${t}`,control:c,defaultValue:i,render:({field:x})=>e(G,{...x,label:`Price (${t})`,type:"text",size:"small",disabled:p,InputProps:{startAdornment:e(V,{position:"start",children:s.symbol})},sx:{width:150},value:o(x.value??0,t),onChange:v=>f(t,v.target.value),helperText:s.name})},t)})}),r?.flow_addon_items?.[n]&&d(u,{variant:"caption",color:"text.secondary",sx:{mt:1,display:"block"},children:["Flow Item ID: ",r.flow_addon_items[n]]})]})})]})})},z=({method:n,attribute:a})=>{const r=S(),b=F(),{setValue:c,watch:m}=b,y=m("addons"),g=m("addon_prices");C(()=>{Array.isArray(y)&&(console.warn("PlanAddonsSettings: Detected addons as array, converting to object"),c("addons",{...y}))},[y,c]),C(()=>{Array.isArray(g)?(console.warn("PlanAddonsSettings: Detected addon_prices as array, converting to object"),c("addon_prices",{})):!g&&r?.addon_prices&&!Array.isArray(r.addon_prices)?c("addon_prices",r.addon_prices):(!g||typeof g=="object"&&Object.keys(g).length===0)&&c("addon_prices",{})},[g,r,c]),B({control:b.control});const{addonFormats:A,loading:l}=_();if(l)return e(P,{});const p=(A?.formats||[]).filter(t=>t.visible!==!1).reduce((t,s)=>{const i=s.tab||"General";return t[i]||(t[i]=[]),t[i].push(s),t},{});return d(h,{sx:{p:2},children:[e(u,{variant:"h6",gutterBottom:!0,children:"Plan Add-ons Configuration"}),e(u,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Enable add-ons and set prices per currency. Prices are in the smallest currency unit (e.g., cents for USD, pesos for CLP)."}),Object.entries(p).map(([t,s])=>d(h,{sx:{mb:4},children:[e(u,{variant:"subtitle1",fontWeight:"bold",sx:{mb:2},children:t}),e(R,{sx:{mb:2}}),s.map(i=>{const x=i.attribute?i.attribute.replace("addons.",""):i.id;return e(L,{addonId:x,entry:i,plan:r,mode:"edit"},x)})]},t))]})},Y=({method:n,attribute:a})=>{const r=F(),{setValue:b,watch:c}=r,m=c("addons");C(()=>{Array.isArray(m)&&(console.warn("PlanAddonsSettings: Detected addons as array, converting to object"),b("addons",{...m}))},[m,b]),C(()=>{const o=c("addon_prices");Array.isArray(o)?(console.warn("PlanAddonsSettings: Detected addon_prices as array, converting to object"),b("addon_prices",{})):o||b("addon_prices",{})},[b,c]),B({control:r.control});const{addonFormats:y,loading:g}=_();if(g)return e(P,{});const f=(y?.formats||[]).filter(o=>o.visible!==!1).reduce((o,p)=>{const t=p.tab||"General";return o[t]||(o[t]=[]),o[t].push(p),o},{});return d(h,{sx:{p:2},children:[e(u,{variant:"h6",gutterBottom:!0,children:"Plan Add-ons Configuration"}),e(u,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Enable add-ons and set prices per currency. Prices are in the smallest currency unit."}),Object.entries(f).map(([o,p])=>d(h,{sx:{mb:4},children:[e(u,{variant:"subtitle1",fontWeight:"bold",sx:{mb:2},children:o}),e(R,{sx:{mb:2}}),p.map(t=>{const s=t.attribute?t.attribute.replace("addons.",""):t.id;return e(L,{addonId:s,entry:t,mode:"create"},s)})]},o))]})},q=({method:n,attribute:a})=>{const r=S(),{addonFormats:b,loading:c}=_(),m=(l,f)=>$(l,f);if(c)return e(P,{});const A=(b?.formats||[]).filter(l=>l.visible!==!1).reduce((l,f)=>{const o=f.tab||"General";return l[o]||(l[o]=[]),l[o].push(f),l},{});return d(h,{sx:{p:2},children:[e(u,{variant:"h6",gutterBottom:!0,children:"Plan Add-ons"}),Object.entries(A).map(([l,f])=>d(h,{sx:{mb:3},children:[e(u,{variant:"subtitle1",fontWeight:"bold",sx:{mb:2},children:l}),e(R,{sx:{mb:2}}),f.map(o=>{const p=o.attribute?o.attribute.replace("addons.",""):o.id,t=r?.addons?.[p]??!1,s=r?.addon_prices?.[p]??{},i=r?.flow_addon_items?.[p];return e(I,{elevation:0,sx:{p:2,mb:1,backgroundColor:t?"action.selected":"background.default",borderLeft:t?"4px solid #4caf50":"4px solid #e0e0e0"},children:d(h,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[d(h,{children:[d(u,{variant:"subtitle2",children:[o.icon&&e("span",{style:{marginRight:8},children:o.icon}),o.label]}),e(E,{label:t?"Enabled":"Disabled",size:"small",color:t?"success":"default",sx:{mt:.5}})]}),t&&d(h,{sx:{textAlign:"right"},children:[D.map(x=>{const v=s[x]??0;return d(u,{variant:"body2",children:[x,": ",m(v,x)]},x)}),i&&d(u,{variant:"caption",color:"text.secondary",children:["Flow ID: ",i]})]})]})},p)})]},l))]})},H=({method:n,attribute:a,resourceConfig:r})=>{switch(n){case"edit":return e(z,{attribute:a,method:n,resourceConfig:r});case"view":return e(q,{attribute:a,method:n,resourceConfig:r});case"create":return e(Y,{attribute:a,method:n,resourceConfig:r});case"list":return null;default:return null}};var it=H;export{it as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useCallback } from "react";
+import { Loading, useRecordContext } from "react-admin";
+import { useFormContext, useWatch, Controller } from "react-hook-form";
+import { useSubscriptionPlanFormats } from "../../contexts/SubscriptionPlanFormatsProvider";
+import {
+  Box,
+  Switch,
+  FormControlLabel,
+  TextField,
+  Typography,
+  Paper,
+  Grid,
+  Chip,
+  InputAdornment,
+  Collapse,
+  Divider
+} from "@mui/material";
+import { priceFormatter } from "dash-utils";
+const AVAILABLE_CURRENCIES = ["CLP", "USD"];
+const DEFAULT_CURRENCY = "CLP";
+const CURRENCY_CONFIG = {
+  CLP: { symbol: "$", decimals: 0, name: "Chilean Peso" },
+  USD: { symbol: "$", decimals: 2, name: "US Dollar" }
+};
+const AddonRow = ({ addonId, entry, plan, mode }) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { control, setValue, watch } = useFormContext();
+  const isEnabled = (_b = (_a = watch(`addons.${addonId}`)) != null ? _a : entry.default_value) != null ? _b : false;
+  const addonPrices = (_e = (_d = watch(`addon_prices.${addonId}`)) != null ? _d : (_c = plan == null ? void 0 : plan.addon_prices) == null ? void 0 : _c[addonId]) != null ? _e : {};
+  const handleToggle = useCallback((checked) => {
+    setValue(`addons.${addonId}`, checked, { shouldDirty: true });
+    if (checked && Object.keys(addonPrices).length === 0) {
+      const defaultPrices = {};
+      AVAILABLE_CURRENCIES.forEach((currency) => {
+        var _a2, _b2;
+        defaultPrices[currency] = (_b2 = (_a2 = entry.prices) == null ? void 0 : _a2[currency]) != null ? _b2 : 0;
+      });
+      setValue(`addon_prices.${addonId}`, defaultPrices, { shouldDirty: true });
+    }
+  }, [addonId, addonPrices, entry.prices, setValue]);
+  const handlePriceChange = useCallback((currency, value) => {
+    const numericValue = parseInt(value.replace(/[^0-9]/g, ""), 10) || 0;
+    setValue(`addon_prices.${addonId}.${currency}`, numericValue, { shouldDirty: true });
+  }, [addonId, setValue]);
+  const formatPrice = (price, currency) => {
+    return priceFormatter(price, currency);
+  };
+  const isReadOnly = mode === "view";
+  return /* @__PURE__ */ jsx(
+    Paper,
+    {
+      elevation: 1,
+      sx: {
+        p: 2,
+        mb: 2,
+        borderLeft: isEnabled ? "4px solid #4caf50" : "4px solid #e0e0e0",
+        transition: "border-color 0.3s"
+      },
+      children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 4, children: [
+          /* @__PURE__ */ jsx(
+            Controller,
+            {
+              name: `addons.${addonId}`,
+              control,
+              defaultValue: (_f = entry.default_value) != null ? _f : false,
+              render: ({ field }) => {
+                var _a2;
+                return /* @__PURE__ */ jsx(
+                  FormControlLabel,
+                  {
+                    control: /* @__PURE__ */ jsx(
+                      Switch,
+                      {
+                        checked: (_a2 = field.value) != null ? _a2 : false,
+                        onChange: (e) => {
+                          field.onChange(e.target.checked);
+                          handleToggle(e.target.checked);
+                        },
+                        disabled: isReadOnly,
+                        color: "primary"
+                      }
+                    ),
+                    label: /* @__PURE__ */ jsxs(Box, { children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", fontWeight: "medium", children: [
+                        entry.icon && /* @__PURE__ */ jsx("span", { style: { marginRight: 8 }, children: entry.icon }),
+                        entry.label
+                      ] }),
+                      entry.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: entry.description })
+                    ] })
+                  }
+                );
+              }
+            }
+          ),
+          entry.service_class && /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: "Has Service Class",
+              size: "small",
+              variant: "outlined",
+              sx: { mt: 1 }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 8, children: /* @__PURE__ */ jsxs(Collapse, { in: isEnabled, children: [
+          /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: AVAILABLE_CURRENCIES.map((currency) => {
+            var _a2, _b2, _c2;
+            const config = CURRENCY_CONFIG[currency];
+            const currentPrice = (_c2 = (_b2 = addonPrices[currency]) != null ? _b2 : (_a2 = entry.prices) == null ? void 0 : _a2[currency]) != null ? _c2 : 0;
+            return /* @__PURE__ */ jsx(
+              Controller,
+              {
+                name: `addon_prices.${addonId}.${currency}`,
+                control,
+                defaultValue: currentPrice,
+                render: ({ field }) => {
+                  var _a3;
+                  return /* @__PURE__ */ jsx(
+                    TextField,
+                    __spreadProps(__spreadValues({}, field), {
+                      label: `Price (${currency})`,
+                      type: "text",
+                      size: "small",
+                      disabled: isReadOnly,
+                      InputProps: {
+                        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: config.symbol })
+                      },
+                      sx: { width: 150 },
+                      value: formatPrice((_a3 = field.value) != null ? _a3 : 0, currency),
+                      onChange: (e) => handlePriceChange(currency, e.target.value),
+                      helperText: config.name
+                    })
+                  );
+                }
+              },
+              currency
+            );
+          }) }),
+          ((_g = plan == null ? void 0 : plan.flow_addon_items) == null ? void 0 : _g[addonId]) && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", sx: { mt: 1, display: "block" }, children: [
+            "Flow Item ID: ",
+            plan.flow_addon_items[addonId]
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+};
+const PlanAddonsSettingsEdit = ({ method, attribute }) => {
+  const plan = useRecordContext();
+  const formContext = useFormContext();
+  const { setValue, watch } = formContext;
+  const currentAddons = watch("addons");
+  const currentAddonPrices = watch("addon_prices");
+  useEffect(() => {
+    if (Array.isArray(currentAddons)) {
+      console.warn("PlanAddonsSettings: Detected addons as array, converting to object");
+      setValue("addons", __spreadValues({}, currentAddons));
+    }
+  }, [currentAddons, setValue]);
+  useEffect(() => {
+    if (Array.isArray(currentAddonPrices)) {
+      console.warn("PlanAddonsSettings: Detected addon_prices as array, converting to object");
+      setValue("addon_prices", {});
+    } else if (!currentAddonPrices && (plan == null ? void 0 : plan.addon_prices) && !Array.isArray(plan.addon_prices)) {
+      setValue("addon_prices", plan.addon_prices);
+    } else if (!currentAddonPrices || typeof currentAddonPrices === "object" && Object.keys(currentAddonPrices).length === 0) {
+      setValue("addon_prices", {});
+    }
+  }, [currentAddonPrices, plan, setValue]);
+  useWatch({
+    control: formContext.control
+  });
+  const { addonFormats: formatsData, loading } = useSubscriptionPlanFormats();
+  if (loading) return /* @__PURE__ */ jsx(Loading, {});
+  const formats = (formatsData == null ? void 0 : formatsData.formats) || [];
+  const visibleFormats = formats.filter((entry) => entry.visible !== false);
+  const groupedByTab = visibleFormats.reduce((acc, entry) => {
+    const tab = entry.tab || "General";
+    if (!acc[tab]) acc[tab] = [];
+    acc[tab].push(entry);
+    return acc;
+  }, {});
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons Configuration" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit (e.g., cents for USD, pesos for CLP)." }),
+    Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 4 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
+      entries.map((entry) => {
+        const addonId = entry.attribute ? entry.attribute.replace("addons.", "") : entry.id;
+        return /* @__PURE__ */ jsx(
+          AddonRow,
+          {
+            addonId,
+            entry,
+            plan,
+            mode: "edit"
+          },
+          addonId
+        );
+      })
+    ] }, tabName))
+  ] });
+};
+const PlanAddonsSettingsCreate = ({ method, attribute }) => {
+  const formContext = useFormContext();
+  const { setValue, watch } = formContext;
+  const currentAddons = watch("addons");
+  useEffect(() => {
+    if (Array.isArray(currentAddons)) {
+      console.warn("PlanAddonsSettings: Detected addons as array, converting to object");
+      setValue("addons", __spreadValues({}, currentAddons));
+    }
+  }, [currentAddons, setValue]);
+  useEffect(() => {
+    const addonPrices = watch("addon_prices");
+    if (Array.isArray(addonPrices)) {
+      console.warn("PlanAddonsSettings: Detected addon_prices as array, converting to object");
+      setValue("addon_prices", {});
+    } else if (!addonPrices) {
+      setValue("addon_prices", {});
+    }
+  }, [setValue, watch]);
+  useWatch({
+    control: formContext.control
+  });
+  const { addonFormats: formatsData, loading } = useSubscriptionPlanFormats();
+  if (loading) return /* @__PURE__ */ jsx(Loading, {});
+  const formats = (formatsData == null ? void 0 : formatsData.formats) || [];
+  const visibleFormats = formats.filter((entry) => entry.visible !== false);
+  const groupedByTab = visibleFormats.reduce((acc, entry) => {
+    const tab = entry.tab || "General";
+    if (!acc[tab]) acc[tab] = [];
+    acc[tab].push(entry);
+    return acc;
+  }, {});
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons Configuration" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit." }),
+    Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 4 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
+      entries.map((entry) => {
+        const addonId = entry.attribute ? entry.attribute.replace("addons.", "") : entry.id;
+        return /* @__PURE__ */ jsx(
+          AddonRow,
+          {
+            addonId,
+            entry,
+            mode: "create"
+          },
+          addonId
+        );
+      })
+    ] }, tabName))
+  ] });
+};
+const PlanAddonsSettingsView = ({ method, attribute }) => {
+  const plan = useRecordContext();
+  const { addonFormats: formatsData, loading } = useSubscriptionPlanFormats();
+  const formatPrice = (price, currency) => {
+    return priceFormatter(price, currency);
+  };
+  if (loading) return /* @__PURE__ */ jsx(Loading, {});
+  const formats = (formatsData == null ? void 0 : formatsData.formats) || [];
+  const visibleFormats = formats.filter((entry) => entry.visible !== false);
+  const groupedByTab = visibleFormats.reduce((acc, entry) => {
+    const tab = entry.tab || "General";
+    if (!acc[tab]) acc[tab] = [];
+    acc[tab].push(entry);
+    return acc;
+  }, {});
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons" }),
+    Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
+      entries.map((entry) => {
+        var _a, _b, _c, _d, _e;
+        const addonId = entry.attribute ? entry.attribute.replace("addons.", "") : entry.id;
+        const isEnabled = (_b = (_a = plan == null ? void 0 : plan.addons) == null ? void 0 : _a[addonId]) != null ? _b : false;
+        const addonPrices = (_d = (_c = plan == null ? void 0 : plan.addon_prices) == null ? void 0 : _c[addonId]) != null ? _d : {};
+        const flowItemId = (_e = plan == null ? void 0 : plan.flow_addon_items) == null ? void 0 : _e[addonId];
+        return /* @__PURE__ */ jsx(
+          Paper,
+          {
+            elevation: 0,
+            sx: {
+              p: 2,
+              mb: 1,
+              backgroundColor: isEnabled ? "action.selected" : "background.default",
+              borderLeft: isEnabled ? "4px solid #4caf50" : "4px solid #e0e0e0"
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+                  entry.icon && /* @__PURE__ */ jsx("span", { style: { marginRight: 8 }, children: entry.icon }),
+                  entry.label
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: isEnabled ? "Enabled" : "Disabled",
+                    size: "small",
+                    color: isEnabled ? "success" : "default",
+                    sx: { mt: 0.5 }
+                  }
+                )
+              ] }),
+              isEnabled && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "right" }, children: [
+                AVAILABLE_CURRENCIES.map((currency) => {
+                  var _a2;
+                  const price = (_a2 = addonPrices[currency]) != null ? _a2 : 0;
+                  return /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+                    currency,
+                    ": ",
+                    formatPrice(price, currency)
+                  ] }, currency);
+                }),
+                flowItemId && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+                  "Flow ID: ",
+                  flowItemId
+                ] })
+              ] })
+            ] })
+          },
+          addonId
+        );
+      })
+    ] }, tabName))
+  ] });
+};
+const PlanAddonsSettings = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  switch (method) {
+    case "edit":
+      return /* @__PURE__ */ jsx(
+        PlanAddonsSettingsEdit,
+        {
+          attribute,
+          method,
+          resourceConfig
+        }
+      );
+    case "view":
+      return /* @__PURE__ */ jsx(
+        PlanAddonsSettingsView,
+        {
+          attribute,
+          method,
+          resourceConfig
+        }
+      );
+    case "create":
+      return /* @__PURE__ */ jsx(
+        PlanAddonsSettingsCreate,
+        {
+          attribute,
+          method,
+          resourceConfig
+        }
+      );
+    case "list":
+      return null;
+    default:
+      return null;
+  }
+};
+var PlanAddonsSettings_default = PlanAddonsSettings;
+export {
+  PlanAddonsSettings_default as default
+};