npm - bananas-commerce-admin - Versions diffs - 0.11.1 → 0.11.2 - Mend

bananas-commerce-admin 0.11.1 → 0.11.2

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.

Files changed (36) hide show

package/dist/cjs/components/Card/CardFieldNumber.js CHANGED Viewed

@@ -10,9 +10,9 @@ const CardContext_1 = require("../../contexts/CardContext");
 const LabeledValue_1 = __importDefault(require("../LabeledValue"));
 const Grid2_1 = __importDefault(require("@mui/material/Grid2"));
 const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, adornment, ...props }) => {
+const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, disabled, adornment, ...props }) => {
     const { isEditing } = (0, CardContext_1.useCardContext)();
-    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(TextField_1.default, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, inputProps: {
+    return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(TextField_1.default, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled || disabled, inputProps: {
             min: "min" in props ? props.min : undefined,
             max: "max" in props ? props.max : undefined,
         }, fullWidth: true, slotProps: {

package/dist/cjs/components/Card/CardFieldNumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,wEAAgD;AAChD,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AACvC,kFAA0D;~~AAUnD~~,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,mBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,~~EACpB~~,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,8BAAC,wBAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;~~AAxCW~~,QAAA,eAAe,~~mBAwC1B~~;AAEF,kBAAe,uBAAe,CAAC"}
1	+ {"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,wEAAgD;AAChD,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAE3C,gEAAuC;AACvC,kFAA0D;AAWnD,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,mBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,8BAAC,wBAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,eAAe,mBAyC1B;AAEF,kBAAe,uBAAe,CAAC"}

package/dist/cjs/components/Card/CardFieldSelect.js CHANGED Viewed

@@ -20,7 +20,7 @@ const CardFieldSelect = ({ label, formName, value: defaultValue = undefined, req
     };
     return (react_1.default.createElement(Grid2_1.default, { size: size }, isEditing ? (react_1.default.createElement(FormControl_1.default, { fullWidth: true },
         react_1.default.createElement(InputLabel_1.default, null, label),
-        react_1.default.createElement(Select_1.default, { name: formName, value: value, label: label, onChange: handleChange, disabled: isDisabled, required: required, ...props }, options?.map((opt) => (react_1.default.createElement(MenuItem_1.default, { key: opt.id, value: opt.label }, opt.label)))))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue?.label ?? "" }))));
+        react_1.default.createElement(Select_1.default, { name: formName, value: value, label: label, onChange: handleChange, disabled: isDisabled, required: required, ...props }, options?.map((opt) => (react_1.default.createElement(MenuItem_1.default, { key: opt.id, value: opt.label }, opt.label)))))) : (isReadable && react_1.default.createElement(LabeledValue_1.default, { label: label, value: defaultValue?.label ?? "—" }))));
 };
 exports.CardFieldSelect = CardFieldSelect;
 exports.default = exports.CardFieldSelect;

package/dist/cjs/components/Card/CardFieldSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,4EAAoD;AACpD,gEAAuC;AACvC,0EAAkD;AAClD,sEAA8C;AAC9C,kEAAmF;AACnF,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAWpC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,qBAAW,IAAC,SAAS;QACpB,8BAAC,oBAAU,QAAE,KAAK,CAAc;QAChC,8BAAC,gBAAM,IACL,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,8BAAC,kBAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG,CACf,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,~~EAAE~~,GAAI,~~CAC/E~~,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,eAAe,mBA4C1B;AAEF,kBAAe,uBAAe,CAAC"}
1	+ {"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,4EAAoD;AACpD,gEAAuC;AACvC,0EAAkD;AAClD,sEAA8C;AAC9C,kEAAmF;AACnF,kDAA0B;AAC1B,4DAA4D;AAC5D,mEAA2C;AAWpC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,eAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,qBAAW,IAAC,SAAS;QACpB,8BAAC,oBAAU,QAAE,KAAK,CAAc;QAChC,8BAAC,gBAAM,IACL,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,8BAAC,kBAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG,CACf,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,GAAG,GAAI,CAChF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,eAAe,mBA4C1B;AAEF,kBAAe,uBAAe,CAAC"}

package/dist/cjs/extensions/subscription/contrib/ArticleSubscriptionPlan.js ADDED Viewed

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Switch_1 = __importDefault(require("@mui/material/Switch"));
+const LabeledValue_1 = __importDefault(require("../../../components/LabeledValue"));
+const Card_1 = __importDefault(require("../../../components/Card"));
+const CardActions_1 = __importDefault(require("../../../components/Card/CardActions"));
+const CardContent_1 = __importDefault(require("../../../components/Card/CardContent"));
+const CardFieldNumber_1 = __importDefault(require("../../../components/Card/CardFieldNumber"));
+const CardFieldSelect_1 = __importDefault(require("../../../components/Card/CardFieldSelect"));
+const CardCancelButton_1 = __importDefault(require("../../../components/Card/CardCancelButton"));
+const CardHeader_1 = __importDefault(require("../../../components/Card/CardHeader"));
+const CardRow_1 = __importDefault(require("../../../components/Card/CardRow"));
+const CardSaveButton_1 = __importDefault(require("../../../components/Card/CardSaveButton"));
+const ApiContext_1 = require("../../../contexts/ApiContext");
+const I18nContext_1 = require("../../../contexts/I18nContext");
+const CardContext_1 = require("../../../contexts/CardContext");
+const RecurringSwitch = ({ isRecurring, onToggle }) => {
+    const { isEditing } = (0, CardContext_1.useCardContext)();
+    const { t } = (0, I18nContext_1.useI18n)();
+    return isEditing ? (react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Switch_1.default, { checked: isRecurring, onChange: (_, checked) => onToggle(checked) }), label: react_1.default.createElement(Typography_1.default, { color: "textSecondary", variant: "subtitle2" }, t("Recurring")), labelPlacement: "top" })) : (react_1.default.createElement(LabeledValue_1.default, { label: t("Recurring"), value: isRecurring ? "Yes" : "No" }));
+};
+const SubscriptionPlanCard = ({ data, refresh }) => {
+    const [isRecurring, setIsRecurring] = (0, react_2.useState)(Boolean(data.periodicity != null));
+    const api = (0, ApiContext_1.useApi)();
+    const { t } = (0, I18nContext_1.useI18n)();
+    const handleSave = async (formData) => {
+        const action = api.operations["subscription.contrib:article-plan-update"];
+        const response = await action.call({
+            params: { code: data.code },
+            body: formData,
+        });
+        if (response.ok) {
+            refresh();
+            return t("Plan updated successfully.");
+        }
+        else {
+            console.error(response);
+            throw new Error("updating plan.");
+        }
+    };
+    return (react_1.default.createElement(Card_1.default, { onSubmit: handleSave, isEditable: true },
+        react_1.default.createElement(CardHeader_1.default, { title: "Subscription Plan" }),
+        react_1.default.createElement(CardContent_1.default, null,
+            react_1.default.createElement(CardRow_1.default, null,
+                react_1.default.createElement(RecurringSwitch, { isRecurring: isRecurring, onToggle: setIsRecurring }),
+                react_1.default.createElement(CardFieldNumber_1.default, { label: t("Frequency"), formName: "nth", value: data.nth, min: 1, disabled: !isRecurring, required: false }),
+                react_1.default.createElement(CardFieldSelect_1.default, { label: t("Periodicity"), formName: "periodicity", value: isRecurring
+                        ? { label: data.periodicity ?? "", id: data.periodicity ?? "" }
+                        : undefined, disabled: !isRecurring, required: false, options: [
+                        { label: "MONTH", id: "MONTH" },
+                        { label: "DAY", id: "DAY" },
+                    ] }))),
+        react_1.default.createElement(CardActions_1.default, null,
+            react_1.default.createElement(CardCancelButton_1.default, null),
+            react_1.default.createElement(CardSaveButton_1.default, null))));
+};
+exports.default = SubscriptionPlanCard;
+//# sourceMappingURL=ArticleSubscriptionPlan.js.map

package/dist/cjs/extensions/subscription/contrib/ArticleSubscriptionPlan.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArticleSubscriptionPlan.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/ArticleSubscriptionPlan.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/extensions/subscription/index.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contrib = void 0;
+const SubscriptionsOutlined_1 = __importDefault(require("@mui/icons-material/SubscriptionsOutlined"));
+exports.contrib = {
+    catalog: {
+        "catalog:article:detail:plan": {
+            title: "Subscription Plan",
+            icon: SubscriptionsOutlined_1.default,
+            component: async () => (await Promise.resolve().then(() => __importStar(require("./contrib/ArticleSubscriptionPlan")))).default,
+            predicate: (article) => article.item_type == "PLAN",
+            variant: "inline",
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensions/subscription/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/subscription/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sGAAkF;AAKrE,QAAA,OAAO,GAAwC;IAC1D,OAAO,EAAE;QACP,6BAA6B,EAAE;YAC7B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,+BAAyB;YAC/B,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,wDAAa,mCAAmC,GAAC,CAAC,CAAC,OAAO;YAClF,SAAS,EAAE,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,IAAI,MAAM;YAClE,OAAO,EAAE,QAAQ;SAClB;KACF;CACO,CAAC"}

package/dist/cjs/extensions/subscription/types/plan.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=plan.js.map

package/dist/cjs/extensions/subscription/types/plan.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"plan.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/types/plan.ts"],"names":[],"mappings":""}

package/dist/cjs/index.js CHANGED Viewed

@@ -26,7 +26,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.member = exports.pricing = exports.catalog = exports.report = exports.fulfillment = exports.pos = exports.bananas = void 0;
+exports.subscription = exports.member = exports.pricing = exports.catalog = exports.report = exports.fulfillment = exports.pos = exports.bananas = void 0;
 __exportStar(require("./components/TitleBar"), exports);
 __exportStar(require("./components/Header"), exports);
 __exportStar(require("./components/ActionBar"), exports);
@@ -73,4 +73,5 @@ exports.report = __importStar(require("./extensions/report"));
 exports.catalog = __importStar(require("./extensions/catalog"));
 exports.pricing = __importStar(require("./extensions/pricing"));
 exports.member = __importStar(require("./extensions/member"));
+exports.subscription = __importStar(require("./extensions/subscription"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAElC,oDAAkC;AAClC,+DAA6C;AAC7C,gEAA8C;AAC9C,gEAA8C;AAC9C,qEAAmD;AACnD,mEAAiD;AACjD,4DAA0C;AAC1C,6DAA2C;AAC3C,0EAAwD;AACxD,sEAAoD;AACpD,mEAAiD;AACjD,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kEAAgD;AAEhD,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AAEvC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD;AAChD,8DAA8C"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAElC,oDAAkC;AAClC,+DAA6C;AAC7C,gEAA8C;AAC9C,gEAA8C;AAC9C,qEAAmD;AACnD,mEAAiD;AACjD,4DAA0C;AAC1C,6DAA2C;AAC3C,0EAAwD;AACxD,sEAAoD;AACpD,mEAAiD;AACjD,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kEAAgD;AAEhD,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AAEvC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD;AAChD,8DAA8C;AAC9C,0EAA0D"}

package/dist/esm/components/Card/CardFieldNumber.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { useCardContext } from "../../contexts/CardContext";
 import LabeledValue from "../LabeledValue";
 import Grid from "@mui/material/Grid2";
 import InputAdornment from "@mui/material/InputAdornment";
-export const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, adornment, ...props }) => {
+export const CardFieldNumber = ({ label, formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, disabled, adornment, ...props }) => {
     const { isEditing } = useCardContext();
-    return (React.createElement(Grid, { size: size }, isEditing ? (React.createElement(TextField, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled, inputProps: {
+    return (React.createElement(Grid, { size: size }, isEditing ? (React.createElement(TextField, { type: "number", name: formName, defaultValue: defaultValue ?? "", label: label, variant: "outlined", required: required, disabled: isDisabled || disabled, inputProps: {
             min: "min" in props ? props.min : undefined,
             max: "max" in props ? props.max : undefined,
         }, fullWidth: true, slotProps: {

package/dist/esm/components/Card/CardFieldNumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,cAAc,MAAM,8BAA8B,CAAC;~~AAU1D~~,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,~~EACpB~~,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"CardFieldNumber.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAW1D,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,UAAU,EAAE;YACV,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAC3C,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC5C,EACD,SAAS,QACT,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,IAAE,SAAS,CAAkB;aAC1E;SACF,GACD,CACH,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,IAAI,GAAG,EAAE,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/Card/CardFieldSelect.js CHANGED Viewed

@@ -14,7 +14,7 @@ export const CardFieldSelect = ({ label, formName, value: defaultValue = undefin
     };
     return (React.createElement(Grid, { size: size }, isEditing ? (React.createElement(FormControl, { fullWidth: true },
         React.createElement(InputLabel, null, label),
-        React.createElement(Select, { name: formName, value: value, label: label, onChange: handleChange, disabled: isDisabled, required: required, ...props }, options?.map((opt) => (React.createElement(MenuItem, { key: opt.id, value: opt.label }, opt.label)))))) : (isReadable && React.createElement(LabeledValue, { label: label, value: defaultValue?.label ?? "" }))));
+        React.createElement(Select, { name: formName, value: value, label: label, onChange: handleChange, disabled: isDisabled, required: required, ...props }, options?.map((opt) => (React.createElement(MenuItem, { key: opt.id, value: opt.label }, opt.label)))))) : (isReadable && React.createElement(LabeledValue, { label: label, value: defaultValue?.label ?? "—" }))));
 };
 export default CardFieldSelect;
 //# sourceMappingURL=CardFieldSelect.js.map

package/dist/esm/components/Card/CardFieldSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAA+C,MAAM,sBAAsB,CAAC;AACnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,WAAW,IAAC,SAAS;QACpB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,MAAM,IACL,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG,CACf,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,~~EAAE~~,GAAI,~~CAC/E~~,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"CardFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Card/CardFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAA+C,MAAM,sBAAsB,CAAC;AACnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IACb,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,WAAW,IAAC,SAAS;QACpB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,MAAM,IACL,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACpC,GAAG,CAAC,KAAK,CACD,CACZ,CAAC,CACK,CACG,CACf,CAAC,CAAC,CAAC,CACF,UAAU,IAAI,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,GAAG,GAAI,CAChF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/extensions/subscription/contrib/ArticleSubscriptionPlan.js ADDED Viewed

@@ -0,0 +1,60 @@
+import React from "react";
+import { useState } from "react";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Typography from "@mui/material/Typography";
+import Switch from "@mui/material/Switch";
+import LabeledValue from "../../../components/LabeledValue";
+import Card from "../../../components/Card";
+import CardActions from "../../../components/Card/CardActions";
+import CardContent from "../../../components/Card/CardContent";
+import CardFieldNumber from "../../../components/Card/CardFieldNumber";
+import CardFieldSelect from "../../../components/Card/CardFieldSelect";
+import CardCancelButton from "../../../components/Card/CardCancelButton";
+import CardHeader from "../../../components/Card/CardHeader";
+import CardRow from "../../../components/Card/CardRow";
+import CardSaveButton from "../../../components/Card/CardSaveButton";
+import { useApi } from "../../../contexts/ApiContext";
+import { useI18n } from "../../../contexts/I18nContext";
+import { useCardContext } from "../../../contexts/CardContext";
+const RecurringSwitch = ({ isRecurring, onToggle }) => {
+    const { isEditing } = useCardContext();
+    const { t } = useI18n();
+    return isEditing ? (React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: isRecurring, onChange: (_, checked) => onToggle(checked) }), label: React.createElement(Typography, { color: "textSecondary", variant: "subtitle2" }, t("Recurring")), labelPlacement: "top" })) : (React.createElement(LabeledValue, { label: t("Recurring"), value: isRecurring ? "Yes" : "No" }));
+};
+const SubscriptionPlanCard = ({ data, refresh }) => {
+    const [isRecurring, setIsRecurring] = useState(Boolean(data.periodicity != null));
+    const api = useApi();
+    const { t } = useI18n();
+    const handleSave = async (formData) => {
+        const action = api.operations["subscription.contrib:article-plan-update"];
+        const response = await action.call({
+            params: { code: data.code },
+            body: formData,
+        });
+        if (response.ok) {
+            refresh();
+            return t("Plan updated successfully.");
+        }
+        else {
+            console.error(response);
+            throw new Error("updating plan.");
+        }
+    };
+    return (React.createElement(Card, { onSubmit: handleSave, isEditable: true },
+        React.createElement(CardHeader, { title: "Subscription Plan" }),
+        React.createElement(CardContent, null,
+            React.createElement(CardRow, null,
+                React.createElement(RecurringSwitch, { isRecurring: isRecurring, onToggle: setIsRecurring }),
+                React.createElement(CardFieldNumber, { label: t("Frequency"), formName: "nth", value: data.nth, min: 1, disabled: !isRecurring, required: false }),
+                React.createElement(CardFieldSelect, { label: t("Periodicity"), formName: "periodicity", value: isRecurring
+                        ? { label: data.periodicity ?? "", id: data.periodicity ?? "" }
+                        : undefined, disabled: !isRecurring, required: false, options: [
+                        { label: "MONTH", id: "MONTH" },
+                        { label: "DAY", id: "DAY" },
+                    ] }))),
+        React.createElement(CardActions, null,
+            React.createElement(CardCancelButton, null),
+            React.createElement(CardSaveButton, null))));
+};
+export default SubscriptionPlanCard;
+//# sourceMappingURL=ArticleSubscriptionPlan.js.map

package/dist/esm/extensions/subscription/contrib/ArticleSubscriptionPlan.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArticleSubscriptionPlan.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/ArticleSubscriptionPlan.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/subscription/index.js ADDED Viewed

@@ -0,0 +1,13 @@
+import SubscriptionsOutlinedIcon from "@mui/icons-material/SubscriptionsOutlined";
+export const contrib = {
+    catalog: {
+        "catalog:article:detail:plan": {
+            title: "Subscription Plan",
+            icon: SubscriptionsOutlinedIcon,
+            component: async () => (await import("./contrib/ArticleSubscriptionPlan")).default,
+            predicate: (article) => article.item_type == "PLAN",
+            variant: "inline",
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/extensions/subscription/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/subscription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,2CAA2C,CAAC;AAKlF,MAAM,CAAC,MAAM,OAAO,GAAwC;IAC1D,OAAO,EAAE;QACP,6BAA6B,EAAE;YAC7B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,yBAAyB;YAC/B,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,MAAM,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO;YAClF,SAAS,EAAE,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,IAAI,MAAM;YAClE,OAAO,EAAE,QAAQ;SAClB;KACF;CACO,CAAC"}

package/dist/esm/extensions/subscription/types/plan.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=plan.js.map

package/dist/esm/extensions/subscription/types/plan.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"plan.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/types/plan.ts"],"names":[],"mappings":""}

package/dist/esm/index.js CHANGED Viewed

@@ -44,4 +44,5 @@ export * as report from "./extensions/report";
 export * as catalog from "./extensions/catalog";
 export * as pricing from "./extensions/pricing";
 export * as member from "./extensions/member";
+export * as subscription from "./extensions/subscription";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC"}

package/dist/types/components/Card/CardFieldNumber.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export interface CardFieldNumberProps extends CardFieldBaseProps, React.PropsWit
     min?: number;
     max?: number;
     adornment?: string;
+    disabled?: boolean;
 }
 export declare const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">>;
 export default CardFieldNumber;

package/dist/types/extensions/subscription/contrib/ArticleSubscriptionPlan.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ContribComponent } from "../../../types";
+import { SubscriptionPlan } from "../types/plan";
+declare const SubscriptionPlanCard: ContribComponent<SubscriptionPlan>;
+export default SubscriptionPlanCard;

package/dist/types/extensions/subscription/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ContribComponentMap } from "../../types";
2	+ export declare const contrib: Record<string, ContribComponentMap>;

package/dist/types/extensions/subscription/types/plan.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export type SubscriptionPeriodicity = "MONTH" | "DAY";
+export interface SubscriptionPlan {
+    code: string;
+    nth?: number;
+    periodicity?: SubscriptionPeriodicity;
+}

package/dist/types/index.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export * as report from "./extensions/report";
 export * as catalog from "./extensions/catalog";
 export * as pricing from "./extensions/pricing";
 export * as member from "./extensions/member";
+export * as subscription from "./extensions/subscription";
 export type * as mui from "./mui";
 export type * as types from "./types";
 export type { RouterExtension } from "./router/Router";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "bananas-commerce-admin",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "Bananas-commerce admin interface and building blocks",
   "keywords": [
     "admin",

package/src/components/Card/CardFieldNumber.tsx CHANGED Viewed

@@ -12,6 +12,7 @@ export interface CardFieldNumberProps extends CardFieldBaseProps, React.PropsWit
   min?: number;
   max?: number;
   adornment?: string;
+  disabled?: boolean;
 }
 export const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">> = ({
@@ -22,6 +23,7 @@ export const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">> = ({
   isDisabled = false,
   size = "grow",
   isReadable = true,
+  disabled,
   adornment,
   ...props
 }) => {
@@ -37,7 +39,7 @@ export const CardFieldNumber: React.FC<Omit<CardFieldNumberProps, "type">> = ({
           label={label}
           variant="outlined"
           required={required}
-          disabled={isDisabled}
+          disabled={isDisabled || disabled}
           inputProps={{
             min: "min" in props ? props.min : undefined,
             max: "max" in props ? props.max : undefined,

package/src/components/Card/CardFieldSelect.tsx CHANGED Viewed

@@ -56,7 +56,7 @@ export const CardFieldSelect: React.FC<Omit<CardFieldSelectProps, "type">> = ({
           </Select>
         </FormControl>
       ) : (
-        isReadable && <LabeledValue label={label} value={defaultValue?.label ?? ""} />
+        isReadable && <LabeledValue label={label} value={defaultValue?.label ?? "—"} />
       )}
     </Grid>
   );

package/src/extensions/subscription/contrib/ArticleSubscriptionPlan.tsx ADDED Viewed

@@ -0,0 +1,107 @@
+import React from "react";
+import { useState } from "react";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Typography from "@mui/material/Typography";
+import Switch from "@mui/material/Switch";
+import { ContribComponent } from "../../../types";
+import LabeledValue from "../../../components/LabeledValue";
+import Card from "../../../components/Card";
+import CardActions from "../../../components/Card/CardActions";
+import CardContent from "../../../components/Card/CardContent";
+import CardFieldNumber from "../../../components/Card/CardFieldNumber";
+import CardFieldSelect from "../../../components/Card/CardFieldSelect";
+import CardCancelButton from "../../../components/Card/CardCancelButton";
+import CardHeader from "../../../components/Card/CardHeader";
+import CardRow from "../../../components/Card/CardRow";
+import CardSaveButton from "../../../components/Card/CardSaveButton";
+import { useApi } from "../../../contexts/ApiContext";
+import { useI18n } from "../../../contexts/I18nContext";
+import { useCardContext } from "../../../contexts/CardContext";
+import { SubscriptionPlan } from "../types/plan";
+interface RecurringSwitchProps {
+  isRecurring: boolean;
+  onToggle: (checked: boolean) => void;
+}
+const RecurringSwitch: React.FC<RecurringSwitchProps> = ({ isRecurring, onToggle }) => {
+  const { isEditing } = useCardContext();
+  const { t } = useI18n();
+  return isEditing ? (
+    <FormControlLabel
+      control={<Switch checked={isRecurring} onChange={(_, checked) => onToggle(checked)} />}
+      label={
+        <Typography color="textSecondary" variant="subtitle2">
+          {t("Recurring")}
+        </Typography>
+      }
+      labelPlacement="top"
+    />
+  ) : (
+    <LabeledValue label={t("Recurring")} value={isRecurring ? "Yes" : "No"} />
+  );
+};
+const SubscriptionPlanCard: ContribComponent<SubscriptionPlan> = ({ data, refresh }) => {
+  const [isRecurring, setIsRecurring] = useState(Boolean(data.periodicity != null));
+  const api = useApi();
+  const { t } = useI18n();
+  const handleSave = async (formData: any) => {
+    const action = api.operations["subscription.contrib:article-plan-update"];
+    const response = await action.call({
+      params: { code: data.code },
+      body: formData as Omit<SubscriptionPlan, "code">,
+    });
+    if (response.ok) {
+      refresh();
+      return t("Plan updated successfully.");
+    } else {
+      console.error(response);
+      throw new Error("updating plan.");
+    }
+  };
+  return (
+    <Card onSubmit={handleSave} isEditable={true}>
+      <CardHeader title="Subscription Plan" />
+      <CardContent>
+        <CardRow>
+          <RecurringSwitch isRecurring={isRecurring} onToggle={setIsRecurring} />
+          <CardFieldNumber
+            label={t("Frequency")}
+            formName="nth"
+            value={data.nth}
+            min={1}
+            disabled={!isRecurring}
+            required={false}
+          />
+          <CardFieldSelect
+            label={t("Periodicity")}
+            formName="periodicity"
+            value={
+              isRecurring
+                ? { label: data.periodicity ?? "", id: data.periodicity ?? "" }
+                : undefined
+            }
+            disabled={!isRecurring}
+            required={false}
+            options={[
+              { label: "MONTH", id: "MONTH" },
+              { label: "DAY", id: "DAY" },
+            ]}
+          />
+        </CardRow>
+      </CardContent>
+      <CardActions>
+        <CardCancelButton />
+        <CardSaveButton />
+      </CardActions>
+    </Card>
+  );
+};
+export default SubscriptionPlanCard;

package/src/extensions/subscription/index.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+import SubscriptionsOutlinedIcon from "@mui/icons-material/SubscriptionsOutlined";
+import { ContribComponentMap } from "../../types";
+import { ArticleDetail } from "../../extensions/catalog";
+export const contrib: Record<string, ContribComponentMap> = {
+  catalog: {
+    "catalog:article:detail:plan": {
+      title: "Subscription Plan",
+      icon: SubscriptionsOutlinedIcon,
+      component: async () => (await import("./contrib/ArticleSubscriptionPlan")).default,
+      predicate: (article: ArticleDetail) => article.item_type == "PLAN",
+      variant: "inline",
+    },
+  },
+} as const;

package/src/extensions/subscription/types/plan.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export type SubscriptionPeriodicity = "MONTH" | "DAY";
+export interface SubscriptionPlan {
+  code: string;
+  nth?: number;
+  periodicity?: SubscriptionPeriodicity;
+}

package/src/index.ts CHANGED Viewed

@@ -49,6 +49,7 @@ export * as report from "./extensions/report";
 export * as catalog from "./extensions/catalog";
 export * as pricing from "./extensions/pricing";
 export * as member from "./extensions/member";
+export * as subscription from "./extensions/subscription";
 export type * as mui from "./mui";
 export type * as types from "./types";