@bunnyapp/components 1.3.0-beta.9 → 1.4.0-beta.1

package/dist/cjs/index.js

@@ -154,9 +154,9 @@ var BrandContext = react.createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.3.0-beta.8';
+var PACKAGE_VERSION = '1.3.0';
 var createRequestHeaders = function (token) {
-    var headers = common.createClientDevHeaders(token);
+    var headers = common.createClientDevHeaders({ token: token });
     // Add the components version header
     headers[common.X_BUNNY_COMPONENTS_VERSION_HEADER_NAME] = PACKAGE_VERSION;
     return headers;
@@ -309,7 +309,7 @@ var useAjax = function (onError) {
                 case 0: return [4 /*yield*/, fetch(url, {
                         method: method,
                         body: bodyData,
-                        headers: common.createClientDevHeaders(token),
+                        headers: common.createClientDevHeaders({ token: token }),
                     })];
                 case 1:
                     response = _a.sent();
@@ -476,7 +476,7 @@ var fetchPDF = function (apiHost, documentUuid, documentType, token) { return __
                     throw new Error('Invoice ID is required to fetch PDF');
                 }
                 return [4 /*yield*/, fetch("".concat(apiHost, "/api/legacy_documents/").concat(documentUuid, "?type=").concat(documentType), {
-                        headers: common.createClientDevHeaders(token),
+                        headers: common.createClientDevHeaders({ token: token }),
                     })];
             case 1:
                 response = _a.sent();
@@ -19755,7 +19755,7 @@ var getTransactions = function (filter, apiHost, token) { return __awaiter(void
         switch (_b.label) {
             case 0: return [4 /*yield*/, fetch(apiHost + '/graphql', {
                     method: 'POST',
-                    headers: common.createClientDevHeaders(token),
+                    headers: common.createClientDevHeaders({ token: token }),
                     body: JSON.stringify({
                         query: transactionMutation(filter),
                     }),
@@ -21758,7 +21758,7 @@ var PlanPickerCheckoutBar = function (_a) {
 // WARNING: There is a preview button on APP that will need to be changed if this query is changed
 var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        showPriceAsMonthly\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          featureAddon\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          priceList {\n            id\n          }\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
 var getPriceListChangeOptions = function (_a) {
-    var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription, accountCurrencyId = _a.accountCurrencyId;
+    var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription;
     return __awaiter(void 0, void 0, void 0, function () {
         var response, priceListChangeOptions;
         return __generator(this, function (_b) {
@@ -21779,8 +21779,6 @@ var getPriceListChangeOptions = function (_a) {
                     if (priceListChangeOptions === null || priceListChangeOptions === void 0 ? void 0 : priceListChangeOptions.priceLists) {
                         priceListChangeOptions.priceLists.sort(function (a, b) { return a.plan.position - b.plan.position; });
                     }
-                    // Filter out price lists that don't have the same currency as the account
-                    priceListChangeOptions.priceLists = priceListChangeOptions.priceLists.filter(function (priceList) { return priceList.currencyId === accountCurrencyId; });
                     return [2 /*return*/, priceListChangeOptions];
             }
         });
@@ -22552,7 +22550,6 @@ var PlanPicker = function () {
     var apiHost = react.useContext(BunnyContext).apiHost;
     var _b = react.useContext(SubscriptionsContext), isInPreviewMode = _b.isInPreviewMode, productId = _b.productId, upgradingSubscription = _b.upgradingSubscription;
     var _c = react.useContext(QuotePreviewContext), quotePreviewData = _c.quotePreviewData, setQuotePreviewData = _c.setQuotePreviewData;
-    var account = useCurrentUserData(token).account;
     // Hooks
     var showInfoNotification = common.useInfoNotification();
     // Queries
@@ -22575,7 +22572,6 @@ var PlanPicker = function () {
                 productId: productId,
                 token: token,
                 upgradingSubscription: upgradingSubscription,
-                accountCurrencyId: account === null || account === void 0 ? void 0 : account.currencyId,
             });
         },
         enabled: !areSubscriptionsLoading,
@@ -23159,13 +23155,10 @@ var SubscriptionsListContainer = function (_a) {
     var apiHost = react.useContext(BunnyContext).apiHost;
     var gap = react.useContext(SubscriptionsContext).gap;
     var token = useToken();
-    var account = useCurrentUserData(token).account;
     // Queries
     var _c = reactQuery.useQuery({
         queryKey: common.QueryKeyFactory.default.planChangeOptionsKey({ token: token }),
-        queryFn: function () {
-            return getPriceListChangeOptions({ apiHost: apiHost, token: token, accountCurrencyId: account === null || account === void 0 ? void 0 : account.currencyId });
-        },
+        queryFn: function () { return getPriceListChangeOptions({ apiHost: apiHost, token: token }); },
         enabled: Boolean(onChangePlanClick),
     }), priceListChangeOptions = _c.data, arePriceListChangeOptionsLoading = _c.isLoading;
     if (subscriptionsAreLoading ||

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/EverythingPlanFeatures.d.ts

@@ -5,6 +5,8 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     plan: {
         planFeatures: PlanFeature[] | undefined;
         addon?: boolean | undefined;
+        compatiblePlans?: import("@bunnyapp/common").Plan[] | undefined;
+        addonPlans?: import("@bunnyapp/common").Plan[] | undefined;
         availableFrom?: string | undefined;
         availableTo?: string | undefined;
         basePrice?: number | undefined;
@@ -58,6 +60,7 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     trialExpirationAction?: ("CANCEL" | "ACTIVATE") | undefined;
     trialLengthDays?: number | undefined;
     updatedAt: string;
+    addonPlans?: import("@bunnyapp/common").Plan[] | undefined;
 }[];
 declare const EverythingPlanFeatures: ({ displayPriceLists, selectedProduct, plansToDisplay, }: {
     displayPriceLists: PriceList[];

package/dist/cjs/src/graphql/queries/getPriceListChangeOptions.d.ts

@@ -1,10 +1,9 @@
 import { Subscription } from '@bunnyapp/common';
-declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId, token, upgradingSubscription, accountCurrencyId, }: {
+declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId, token, upgradingSubscription, }: {
     apiHost: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
     token?: string | undefined;
     upgradingSubscription?: Subscription | undefined;
-    accountCurrencyId: string;
 }) => Promise<any>;
 export default getPriceListChangeOptions;

package/dist/esm/index.js

@@ -143,9 +143,9 @@ var BrandContext = createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.3.0-beta.8';
+var PACKAGE_VERSION = '1.3.0';
 var createRequestHeaders = function (token) {
-    var headers = createClientDevHeaders(token);
+    var headers = createClientDevHeaders({ token: token });
     // Add the components version header
     headers[X_BUNNY_COMPONENTS_VERSION_HEADER_NAME] = PACKAGE_VERSION;
     return headers;
@@ -298,7 +298,7 @@ var useAjax = function (onError) {
                 case 0: return [4 /*yield*/, fetch(url, {
                         method: method,
                         body: bodyData,
-                        headers: createClientDevHeaders(token),
+                        headers: createClientDevHeaders({ token: token }),
                     })];
                 case 1:
                     response = _a.sent();
@@ -465,7 +465,7 @@ var fetchPDF = function (apiHost, documentUuid, documentType, token) { return __
                     throw new Error('Invoice ID is required to fetch PDF');
                 }
                 return [4 /*yield*/, fetch("".concat(apiHost, "/api/legacy_documents/").concat(documentUuid, "?type=").concat(documentType), {
-                        headers: createClientDevHeaders(token),
+                        headers: createClientDevHeaders({ token: token }),
                     })];
             case 1:
                 response = _a.sent();
@@ -19744,7 +19744,7 @@ var getTransactions = function (filter, apiHost, token) { return __awaiter(void
         switch (_b.label) {
             case 0: return [4 /*yield*/, fetch(apiHost + '/graphql', {
                     method: 'POST',
-                    headers: createClientDevHeaders(token),
+                    headers: createClientDevHeaders({ token: token }),
                     body: JSON.stringify({
                         query: transactionMutation(filter),
                     }),
@@ -21747,7 +21747,7 @@ var PlanPickerCheckoutBar = function (_a) {
 // WARNING: There is a preview button on APP that will need to be changed if this query is changed
 var PRICE_LIST_CHANGE_OPTIONS_QUERY = "\n  query priceListChangeOptions($subscriptionId: ID, $productId: ID) {\n    priceListChangeOptions(subscriptionId: $subscriptionId, productId: $productId) {\n      products {\n        everythingInPlus\n        id\n        name\n        plansToDisplay\n        features(sort: \"position asc\") {\n          description\n          id\n          isVisible\n          kind\n          name\n          position\n        }\n      }\n      priceLists {\n        showPriceAsMonthly\n        basePrice\n        currencyId\n        id\n        monthlyBasePrice\n        periodMonths\n        plan {\n          code\n          contactUsLabel\n          contactUsUrl\n          description\n          id\n          name\n          position\n          pricingDescription\n          pricingStyle\n          planFeatures {\n            featureId\n            value\n            feature {\n              name\n            }\n          }\n        }\n        product {\n          id\n        }\n        charges {\n          featureAddon\n          basePrice\n          billingPeriod\n          chargeType\n          id\n          name\n          priceDecimals\n          pricingModel\n          quantityMax\n          quantityMin\n          selfServiceQuantity\n          priceList {\n            id\n          }\n          feature {\n            name\n            unitName\n          }\n        }\n      }\n    }\n  }";
 var getPriceListChangeOptions = function (_a) {
-    var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription, accountCurrencyId = _a.accountCurrencyId;
+    var apiHost = _a.apiHost, isInPreviewMode = _a.isInPreviewMode, productId = _a.productId, token = _a.token, upgradingSubscription = _a.upgradingSubscription;
     return __awaiter(void 0, void 0, void 0, function () {
         var response, priceListChangeOptions;
         return __generator(this, function (_b) {
@@ -21768,8 +21768,6 @@ var getPriceListChangeOptions = function (_a) {
                     if (priceListChangeOptions === null || priceListChangeOptions === void 0 ? void 0 : priceListChangeOptions.priceLists) {
                         priceListChangeOptions.priceLists.sort(function (a, b) { return a.plan.position - b.plan.position; });
                     }
-                    // Filter out price lists that don't have the same currency as the account
-                    priceListChangeOptions.priceLists = priceListChangeOptions.priceLists.filter(function (priceList) { return priceList.currencyId === accountCurrencyId; });
                     return [2 /*return*/, priceListChangeOptions];
             }
         });
@@ -22541,7 +22539,6 @@ var PlanPicker = function () {
     var apiHost = useContext(BunnyContext).apiHost;
     var _b = useContext(SubscriptionsContext), isInPreviewMode = _b.isInPreviewMode, productId = _b.productId, upgradingSubscription = _b.upgradingSubscription;
     var _c = useContext(QuotePreviewContext), quotePreviewData = _c.quotePreviewData, setQuotePreviewData = _c.setQuotePreviewData;
-    var account = useCurrentUserData(token).account;
     // Hooks
     var showInfoNotification = useInfoNotification();
     // Queries
@@ -22564,7 +22561,6 @@ var PlanPicker = function () {
                 productId: productId,
                 token: token,
                 upgradingSubscription: upgradingSubscription,
-                accountCurrencyId: account === null || account === void 0 ? void 0 : account.currencyId,
             });
         },
         enabled: !areSubscriptionsLoading,
@@ -23148,13 +23144,10 @@ var SubscriptionsListContainer = function (_a) {
     var apiHost = useContext(BunnyContext).apiHost;
     var gap = useContext(SubscriptionsContext).gap;
     var token = useToken();
-    var account = useCurrentUserData(token).account;
     // Queries
     var _c = useQuery({
         queryKey: QueryKeyFactory.default.planChangeOptionsKey({ token: token }),
-        queryFn: function () {
-            return getPriceListChangeOptions({ apiHost: apiHost, token: token, accountCurrencyId: account === null || account === void 0 ? void 0 : account.currencyId });
-        },
+        queryFn: function () { return getPriceListChangeOptions({ apiHost: apiHost, token: token }); },
         enabled: Boolean(onChangePlanClick),
     }), priceListChangeOptions = _c.data, arePriceListChangeOptionsLoading = _c.isLoading;
     if (subscriptionsAreLoading ||

package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/EverythingPlanFeatures.d.ts

@@ -5,6 +5,8 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     plan: {
         planFeatures: PlanFeature[] | undefined;
         addon?: boolean | undefined;
+        compatiblePlans?: import("@bunnyapp/common").Plan[] | undefined;
+        addonPlans?: import("@bunnyapp/common").Plan[] | undefined;
         availableFrom?: string | undefined;
         availableTo?: string | undefined;
         basePrice?: number | undefined;
@@ -58,6 +60,7 @@ export declare const filterUniqueFeatures: ({ availablePriceLists, }: {
     trialExpirationAction?: ("CANCEL" | "ACTIVATE") | undefined;
     trialLengthDays?: number | undefined;
     updatedAt: string;
+    addonPlans?: import("@bunnyapp/common").Plan[] | undefined;
 }[];
 declare const EverythingPlanFeatures: ({ displayPriceLists, selectedProduct, plansToDisplay, }: {
     displayPriceLists: PriceList[];

package/dist/esm/src/graphql/queries/getPriceListChangeOptions.d.ts

@@ -1,10 +1,9 @@
 import { Subscription } from '@bunnyapp/common';
-declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId, token, upgradingSubscription, accountCurrencyId, }: {
+declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId, token, upgradingSubscription, }: {
     apiHost: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
     token?: string | undefined;
     upgradingSubscription?: Subscription | undefined;
-    accountCurrencyId: string;
 }) => Promise<any>;
 export default getPriceListChangeOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.3.0-beta.9",
+  "version": "1.4.0-beta.1",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -64,7 +64,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.6.1",
-    "@bunnyapp/common": "^1.1.0-beta.5",
+    "@bunnyapp/common": "1.3.0-beta.10",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",