@bunnyapp/components 1.0.56-beta.0.5 → 1.0.56-beta.0.6

package/dist/cjs/index.js

@@ -429,14 +429,16 @@ function InvoicePDF(_a) {
 
 var paymentMethodsQuery = function (filter) { return "query paymentMethods {\n  paymentMethods ".concat(filter ? "(".concat(filter, ")") : '', " {\n    nodes {\n      id\n      disabled\n      pluginId\n      accountId\n      expirationDate\n      plugin {\n        guid\n        id\n      }\n      state\n      metadata {\n        issuer\n        identifier\n        kind\n        description\n        icon\n      }\n      isDefault\n    }\n  }\n}"); };
 var getPaymentMethods = function (_a) {
-    var apiHost = _a.apiHost, token = _a.token;
+    var apiHost = _a.apiHost, token = _a.token, accountId = _a.accountId;
     return __awaiter(void 0, void 0, void 0, function () {
         var response, paymentMethods;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0: return [4 /*yield*/, common.gqlRequest({
-                        query: paymentMethodsQuery('filter: "disabled is false"'),
+                        query: paymentMethodsQuery(accountId
+                            ? "filter: \"accountId is ".concat(accountId, " && disabled is false\"")
+                            : 'filter: "disabled is false"'),
                         token: token,
                         apiHost: apiHost,
                     })];
@@ -455,7 +457,7 @@ var usePaymentMethod = function (_a) {
             accountId: accountId,
             token: token,
         }),
-        queryFn: function () { return getPaymentMethods({ apiHost: apiHost, token: token }); },
+        queryFn: function () { return getPaymentMethods({ apiHost: apiHost, token: token, accountId: accountId }); },
     }), data = _b.data, isLoading = _b.isLoading;
     return {
         paymentMethods: data,
@@ -22682,14 +22684,14 @@ function BillingDetailsSection(_a) {
 }
 
 var BillingDetails = function (_a) {
-    var _b = _a.isCardEnabled, isCardEnabled = _b === void 0 ? true : _b, _c = _a.shadow, shadow = _c === void 0 ? "shadow-md" : _c, className = _a.className, _d = _a.hidePaymentMethodForm, hidePaymentMethodForm = _d === void 0 ? false : _d, _e = _a.hideBillingDetailsForm, hideBillingDetailsForm = _e === void 0 ? false : _e, countryListFilter = _a.countryListFilter;
+    var _b = _a.isCardEnabled, isCardEnabled = _b === void 0 ? true : _b, _c = _a.shadow, shadow = _c === void 0 ? 'shadow-md' : _c, className = _a.className, _d = _a.hidePaymentMethodForm, hidePaymentMethodForm = _d === void 0 ? false : _d, _e = _a.hideBillingDetailsForm, hideBillingDetailsForm = _e === void 0 ? false : _e, countryListFilter = _a.countryListFilter;
     // Hooks
     var isMobile = common.useIsMobile();
-    return (jsxRuntime.jsx(WrapperComponent, __assign({ isCardEnabled: isCardEnabled, shadow: shadow, className: className }, { children: jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-p-2 bunny-my-2 ".concat(isMobile ? "bunny-flex-col bunny-space-y-4" : "bunny-flex-row", " bunny-gap-4") }, { children: [!hideBillingDetailsForm ? (jsxRuntime.jsx(BillingDetailsSection, { hidePaymentMethodForm: hidePaymentMethodForm, countryListFilter: countryListFilter })) : null, !hideBillingDetailsForm && !hidePaymentMethodForm ? (jsxRuntime.jsx(ResponsiveDivider, {})) : null, !hidePaymentMethodForm ? (jsxRuntime.jsx(PaymentFormSection, { hideBillingDetailsForm: hideBillingDetailsForm })) : null] })) })));
+    return (jsxRuntime.jsx(WrapperComponent, __assign({ isCardEnabled: isCardEnabled, shadow: shadow, className: className }, { children: jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-p-2 bunny-my-2 ".concat(isMobile ? 'bunny-flex-col bunny-space-y-4' : 'bunny-flex-row', " bunny-gap-4") }, { children: [!hideBillingDetailsForm ? (jsxRuntime.jsx(BillingDetailsSection, { hidePaymentMethodForm: hidePaymentMethodForm, countryListFilter: countryListFilter })) : null, !hideBillingDetailsForm && !hidePaymentMethodForm ? jsxRuntime.jsx(ResponsiveDivider, {}) : null, !hidePaymentMethodForm ? (jsxRuntime.jsx(PaymentFormSection, { hideBillingDetailsForm: hideBillingDetailsForm })) : null] })) })));
 };
 var WrapperComponent = function (_a) {
     var children = _a.children, isCardEnabled = _a.isCardEnabled, shadow = _a.shadow, className = _a.className;
-    return (jsxRuntime.jsx("div", __assign({ className: "".concat(className) }, { children: isCardEnabled ? (jsxRuntime.jsx(Card, __assign({ className: "".concat(shadow) }, { children: children }))) : (jsxRuntime.jsx("div", { children: children })) })));
+    return (jsxRuntime.jsx("div", __assign({ className: "".concat(className) }, { children: isCardEnabled ? jsxRuntime.jsx(Card, __assign({ className: "".concat(shadow) }, { children: children })) : jsxRuntime.jsx("div", { children: children }) })));
 };
 var ResponsiveDivider = function () {
     var isMobile = common.useIsMobile();
@@ -22701,10 +22703,10 @@ var PaymentFormSection = function (_a) {
     var onTokenExpired = react.useContext(BunnyContext).onTokenExpired;
     var handleAllErrorFormats = common.useAllErrorFormats(onTokenExpired);
     var showSuccessNotification = common.useSuccessNotification();
-    return (jsxRuntime.jsx("div", __assign({ className: "".concat(isMobile || hideBillingDetailsForm ? "bunny-w-full" : "bunny-w-1/2 bunny-pt-4", " bunny-flex bunny-justify-center") }, { children: jsxRuntime.jsx(PaymentForm, { onFail: function (error) {
+    return (jsxRuntime.jsx("div", __assign({ className: "".concat(isMobile || hideBillingDetailsForm ? 'bunny-w-full' : 'bunny-w-1/2 bunny-pt-4', " bunny-flex bunny-justify-center") }, { children: jsxRuntime.jsx(PaymentForm, { onFail: function (error) {
                 handleAllErrorFormats(error);
             }, onSavePaymentMethod: function () {
-                showSuccessNotification("Your payment method has been saved");
+                showSuccessNotification('Your payment method has been saved');
             } }) })));
 };
 

package/dist/cjs/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,5 +1,5 @@
-import "../../styles/index.less";
-import { ShadowType } from "../../types/shadowType";
+import '../../styles/index.less';
+import { ShadowType } from '../../types/shadowType';
 declare const BillingDetails: ({ isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;

package/dist/esm/index.js

@@ -400,14 +400,16 @@ function InvoicePDF(_a) {
 
 var paymentMethodsQuery = function (filter) { return "query paymentMethods {\n  paymentMethods ".concat(filter ? "(".concat(filter, ")") : '', " {\n    nodes {\n      id\n      disabled\n      pluginId\n      accountId\n      expirationDate\n      plugin {\n        guid\n        id\n      }\n      state\n      metadata {\n        issuer\n        identifier\n        kind\n        description\n        icon\n      }\n      isDefault\n    }\n  }\n}"); };
 var getPaymentMethods = function (_a) {
-    var apiHost = _a.apiHost, token = _a.token;
+    var apiHost = _a.apiHost, token = _a.token, accountId = _a.accountId;
     return __awaiter(void 0, void 0, void 0, function () {
         var response, paymentMethods;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0: return [4 /*yield*/, gqlRequest({
-                        query: paymentMethodsQuery('filter: "disabled is false"'),
+                        query: paymentMethodsQuery(accountId
+                            ? "filter: \"accountId is ".concat(accountId, " && disabled is false\"")
+                            : 'filter: "disabled is false"'),
                         token: token,
                         apiHost: apiHost,
                     })];
@@ -426,7 +428,7 @@ var usePaymentMethod = function (_a) {
             accountId: accountId,
             token: token,
         }),
-        queryFn: function () { return getPaymentMethods({ apiHost: apiHost, token: token }); },
+        queryFn: function () { return getPaymentMethods({ apiHost: apiHost, token: token, accountId: accountId }); },
     }), data = _b.data, isLoading = _b.isLoading;
     return {
         paymentMethods: data,
@@ -22653,14 +22655,14 @@ function BillingDetailsSection(_a) {
 }
 
 var BillingDetails = function (_a) {
-    var _b = _a.isCardEnabled, isCardEnabled = _b === void 0 ? true : _b, _c = _a.shadow, shadow = _c === void 0 ? "shadow-md" : _c, className = _a.className, _d = _a.hidePaymentMethodForm, hidePaymentMethodForm = _d === void 0 ? false : _d, _e = _a.hideBillingDetailsForm, hideBillingDetailsForm = _e === void 0 ? false : _e, countryListFilter = _a.countryListFilter;
+    var _b = _a.isCardEnabled, isCardEnabled = _b === void 0 ? true : _b, _c = _a.shadow, shadow = _c === void 0 ? 'shadow-md' : _c, className = _a.className, _d = _a.hidePaymentMethodForm, hidePaymentMethodForm = _d === void 0 ? false : _d, _e = _a.hideBillingDetailsForm, hideBillingDetailsForm = _e === void 0 ? false : _e, countryListFilter = _a.countryListFilter;
     // Hooks
     var isMobile = useIsMobile();
-    return (jsx(WrapperComponent, __assign({ isCardEnabled: isCardEnabled, shadow: shadow, className: className }, { children: jsxs("div", __assign({ className: "bunny-flex bunny-p-2 bunny-my-2 ".concat(isMobile ? "bunny-flex-col bunny-space-y-4" : "bunny-flex-row", " bunny-gap-4") }, { children: [!hideBillingDetailsForm ? (jsx(BillingDetailsSection, { hidePaymentMethodForm: hidePaymentMethodForm, countryListFilter: countryListFilter })) : null, !hideBillingDetailsForm && !hidePaymentMethodForm ? (jsx(ResponsiveDivider, {})) : null, !hidePaymentMethodForm ? (jsx(PaymentFormSection, { hideBillingDetailsForm: hideBillingDetailsForm })) : null] })) })));
+    return (jsx(WrapperComponent, __assign({ isCardEnabled: isCardEnabled, shadow: shadow, className: className }, { children: jsxs("div", __assign({ className: "bunny-flex bunny-p-2 bunny-my-2 ".concat(isMobile ? 'bunny-flex-col bunny-space-y-4' : 'bunny-flex-row', " bunny-gap-4") }, { children: [!hideBillingDetailsForm ? (jsx(BillingDetailsSection, { hidePaymentMethodForm: hidePaymentMethodForm, countryListFilter: countryListFilter })) : null, !hideBillingDetailsForm && !hidePaymentMethodForm ? jsx(ResponsiveDivider, {}) : null, !hidePaymentMethodForm ? (jsx(PaymentFormSection, { hideBillingDetailsForm: hideBillingDetailsForm })) : null] })) })));
 };
 var WrapperComponent = function (_a) {
     var children = _a.children, isCardEnabled = _a.isCardEnabled, shadow = _a.shadow, className = _a.className;
-    return (jsx("div", __assign({ className: "".concat(className) }, { children: isCardEnabled ? (jsx(Card, __assign({ className: "".concat(shadow) }, { children: children }))) : (jsx("div", { children: children })) })));
+    return (jsx("div", __assign({ className: "".concat(className) }, { children: isCardEnabled ? jsx(Card, __assign({ className: "".concat(shadow) }, { children: children })) : jsx("div", { children: children }) })));
 };
 var ResponsiveDivider = function () {
     var isMobile = useIsMobile();
@@ -22672,10 +22674,10 @@ var PaymentFormSection = function (_a) {
     var onTokenExpired = useContext(BunnyContext).onTokenExpired;
     var handleAllErrorFormats = useAllErrorFormats(onTokenExpired);
     var showSuccessNotification = useSuccessNotification();
-    return (jsx("div", __assign({ className: "".concat(isMobile || hideBillingDetailsForm ? "bunny-w-full" : "bunny-w-1/2 bunny-pt-4", " bunny-flex bunny-justify-center") }, { children: jsx(PaymentForm, { onFail: function (error) {
+    return (jsx("div", __assign({ className: "".concat(isMobile || hideBillingDetailsForm ? 'bunny-w-full' : 'bunny-w-1/2 bunny-pt-4', " bunny-flex bunny-justify-center") }, { children: jsx(PaymentForm, { onFail: function (error) {
                 handleAllErrorFormats(error);
             }, onSavePaymentMethod: function () {
-                showSuccessNotification("Your payment method has been saved");
+                showSuccessNotification('Your payment method has been saved');
             } }) })));
 };
 

package/dist/esm/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,5 +1,5 @@
-import "../../styles/index.less";
-import { ShadowType } from "../../types/shadowType";
+import '../../styles/index.less';
+import { ShadowType } from '../../types/shadowType';
 declare const BillingDetails: ({ isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.56-beta.0.5",
+  "version": "1.0.56-beta.0.6",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",