@bunnyapp/components 1.0.2 → 1.0.3

package/dist/cjs/index.js

@@ -1550,14 +1550,14 @@ var BrandContext = React.createContext({
     topNavImageUrl: common.DEFAULT_TOP_NAV_IMAGE_URL,
 });
 
-var MUTATION$8 = "{\n    entityBranding {\n      accentColor\n      brandColor\n      topNavImageUrl\n    }\n  }";
+var MUTATION$9 = "{\n    entityBranding {\n      accentColor\n      brandColor\n      topNavImageUrl\n    }\n  }";
 var getBranding = function (_a) {
     var token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
         var response;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: return [4 /*yield*/, common.gqlRequest({ query: MUTATION$8, token: token, subdomain: subdomain })];
+                case 0: return [4 /*yield*/, common.gqlRequest({ query: MUTATION$9, token: token, subdomain: subdomain })];
                 case 1:
                     response = _b.sent();
                     return [2 /*return*/, response === null || response === void 0 ? void 0 : response.entityBranding];
@@ -2789,7 +2789,7 @@ var PaymentForm = function (_a) {
     return (jsxRuntime.jsx(ActualPaymentForm, { invoice: invoice, isSaving: isSaving, onFail: onFail, onPaymentSuccess: onPaymentSuccess, quote: quote, setIsSaving: setIsSaving }));
 };
 
-var MUTATION$7 = "\n  mutation checkout(\n    $invoiceId: ID,\n    $quoteId: ID,\n    $paymentMethodId: ID,\n    $paymentMethodData: CheckoutPaymentMethodAttributes\n  ) {\n    checkout(\n      invoiceId: $invoiceId,\n      quoteId: $quoteId,\n      paymentMethodId: $paymentMethodId,\n      paymentMethodData: $paymentMethodData\n    ) {\n      invoice {\n        id\n        state\n        amount\n        amountDue\n      }\n      payment {\n        id\n        state\n        amount\n      }\n      paymentApplication {\n        id\n        invoiceId\n        paymentId\n      }\n      transaction {\n        id\n        amount\n      }\n    }\n  }\n";
+var MUTATION$8 = "\n  mutation checkout(\n    $invoiceId: ID,\n    $quoteId: ID,\n    $paymentMethodId: ID,\n    $paymentMethodData: CheckoutPaymentMethodAttributes\n  ) {\n    checkout(\n      invoiceId: $invoiceId,\n      quoteId: $quoteId,\n      paymentMethodId: $paymentMethodId,\n      paymentMethodData: $paymentMethodData\n    ) {\n      invoice {\n        id\n        state\n        amount\n        amountDue\n      }\n      payment {\n        id\n        state\n        amount\n      }\n      paymentApplication {\n        id\n        invoiceId\n        paymentId\n      }\n      transaction {\n        id\n        amount\n      }\n    }\n  }\n";
 var checkout = function (_a) {
     var quoteId = _a.quoteId, invoiceId = _a.invoiceId, paymentMethodId = _a.paymentMethodId, paymentMethodData = _a.paymentMethodData, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -2806,7 +2806,7 @@ var checkout = function (_a) {
                         mutationVars.paymentMethodData = __assign(__assign({}, paymentMethodData), { metadata: paymentMethodData.metadata });
                     }
                     return [4 /*yield*/, common.gqlRequest({
-                            query: MUTATION$7,
+                            query: MUTATION$8,
                             token: token,
                             vars: mutationVars,
                             subdomain: subdomain,
@@ -2943,7 +2943,7 @@ function InvoicePDF(_a) {
         }, title: "Invoice PDF", width: "100%" }));
 }
 
-var MUTATION$6 = "\nquery FormattedInvoice($id: ID) {\n  formattedInvoice(id: $id) {\n    amount\n    amountDue\n    amountPaid\n    billingCity\n    billingCountry\n    billingState\n    billingStreet\n    billingZip\n    createdAt\n    credits\n    currency\n    currencyId\n    currencySymbol\n    customerBillingCity\n    customerBillingContact\n    customerBillingCountry\n    customerBillingState\n    customerBillingStreet\n    customerBillingZip\n    customerName\n    dueAt\n    html\n    id\n    isLegacy\n    netPaymentDays\n    number\n    payableId\n    poNumber\n    printedState\n    smallUnitAmountDue\n    state\n    subscriptionEndDate\n    subscriptionStartDate\n    subtotal\n    taxAmount\n    taxNumber\n    uuid\n    vendorName\n    formattedLines {\n      amount\n      billingPeriodEnd\n      billingPeriodStart\n      chargeType\n      discount\n      frequency\n      lineText\n      position\n      price\n      priceDecimals\n      priceListChargeId\n      priceListChargeName\n      priceListName\n      prorationRate\n      quantity\n      unitOfMeasure\n      priceTiers {\n        price\n        starts\n      }\n    }\n  }\n}";
+var MUTATION$7 = "\nquery FormattedInvoice($id: ID) {\n  formattedInvoice(id: $id) {\n    amount\n    amountDue\n    amountPaid\n    billingCity\n    billingCountry\n    billingState\n    billingStreet\n    billingZip\n    createdAt\n    credits\n    currency\n    currencyId\n    currencySymbol\n    customerBillingCity\n    customerBillingContact\n    customerBillingCountry\n    customerBillingState\n    customerBillingStreet\n    customerBillingZip\n    customerName\n    dueAt\n    html\n    id\n    isLegacy\n    netPaymentDays\n    number\n    payableId\n    poNumber\n    printedState\n    smallUnitAmountDue\n    state\n    subscriptionEndDate\n    subscriptionStartDate\n    subtotal\n    taxAmount\n    taxNumber\n    uuid\n    vendorName\n    formattedLines {\n      amount\n      billingPeriodEnd\n      billingPeriodStart\n      chargeType\n      discount\n      frequency\n      lineText\n      position\n      price\n      priceDecimals\n      priceListChargeId\n      priceListChargeName\n      priceListName\n      prorationRate\n      quantity\n      unitOfMeasure\n      priceTiers {\n        price\n        starts\n      }\n    }\n  }\n}";
 var getFormattedInvoice = function (_a) {
     var id = _a.id, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -2953,7 +2953,7 @@ var getFormattedInvoice = function (_a) {
                 case 0:
                     vars = { id: id };
                     return [4 /*yield*/, common.gqlRequest({
-                            query: MUTATION$6,
+                            query: MUTATION$7,
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3247,7 +3247,7 @@ var PandadocPollingModal = function (_a) {
     return (jsxRuntime.jsxs(antd.Modal, __assign({ title: "Uploading quote to Pandadoc", open: isVisible, closable: false, footer: null }, { children: [jsxRuntime.jsxs("div", __assign({ className: "py-4 text-center" }, { children: ["This may take a few seconds", ".".repeat(numberOfPolls)] })), jsxRuntime.jsx("div", __assign({ className: "text-center" }, { children: infoMessage }))] })));
 };
 
-var MUTATION$5 = "\n  query formattedQuote ($id: ID) {\n    formattedQuote (id: $id) {\n      payableId\n      acceptedAt\n      acceptedByName\n      amount\n      amountDue\n      amountsByPeriod {\n        id\n        name\n        amount\n      }\n      object { documents { id filename size date url } }\n      billingCity\n      billingCountry\n      billingState\n      billingStreet\n      billingZip\n      contactName\n      currency\n      customerBillingCity\n      customerBillingCountry\n      customerBillingState\n      customerBillingStreet\n      customerBillingZip\n      customerName\n      discount\n      discountValue\n      duration\n      endDate\n      expiresAt\n      html\n      formattedLines {\n        amount\n        amountsByPeriod {\n          quantity\n          id\n          name\n          startDate\n          endDate\n          amount\n          amountsByTier {\n            id\n            tier {\n              starts\n              ends\n              price\n            }\n            quantity\n            amount\n          }\n          prorationRate\n        }\n        billingPeriodEnd\n        billingPeriodStart\n        chargeType\n        discount\n        frequency\n        isRamp\n        periods\n        planName\n        position\n        price\n        priceDecimals\n        priceListChargeId\n        priceListChargeName\n        priceListId\n        priceListName\n        priceTiers {\n          price\n          starts\n        }\n        pricingModel\n        productName\n        prorationRate\n        quantity\n        showProductNameOnLineItem\n        taxCode\n        trialEndDate\n        trialStartDate\n        unitOfMeasure\n        vatCode\n      }\n      netPaymentDays\n      notes\n      number\n      poNumberRequired\n      salesContactEmail\n      sharedAt\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxNumberLabel\n      taxNumberRequired\n      vendorName\n    }\n  }";
+var MUTATION$6 = "\n  query formattedQuote ($id: ID) {\n    formattedQuote (id: $id) {\n      payableId\n      acceptedAt\n      acceptedByName\n      amount\n      amountDue\n      amountsByPeriod {\n        id\n        name\n        amount\n      }\n      object { documents { id filename size date url } }\n      billingCity\n      billingCountry\n      billingState\n      billingStreet\n      billingZip\n      contactName\n      currency\n      customerBillingCity\n      customerBillingCountry\n      customerBillingState\n      customerBillingStreet\n      customerBillingZip\n      customerName\n      discount\n      discountValue\n      duration\n      endDate\n      expiresAt\n      html\n      formattedLines {\n        amount\n        amountsByPeriod {\n          quantity\n          id\n          name\n          startDate\n          endDate\n          amount\n          amountsByTier {\n            id\n            tier {\n              starts\n              ends\n              price\n            }\n            quantity\n            amount\n          }\n          prorationRate\n        }\n        billingPeriodEnd\n        billingPeriodStart\n        chargeType\n        discount\n        frequency\n        isRamp\n        periods\n        planName\n        position\n        price\n        priceDecimals\n        priceListChargeId\n        priceListChargeName\n        priceListId\n        priceListName\n        priceTiers {\n          price\n          starts\n        }\n        pricingModel\n        productName\n        prorationRate\n        quantity\n        showProductNameOnLineItem\n        taxCode\n        trialEndDate\n        trialStartDate\n        unitOfMeasure\n        vatCode\n      }\n      netPaymentDays\n      notes\n      number\n      poNumberRequired\n      salesContactEmail\n      sharedAt\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxNumberLabel\n      taxNumberRequired\n      vendorName\n    }\n  }";
 var getFormattedQuote = function (_a) {
     var id = _a.id, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3257,7 +3257,7 @@ var getFormattedQuote = function (_a) {
                 case 0:
                     vars = { id: id };
                     return [4 /*yield*/, common.gqlRequest({
-                            query: MUTATION$5,
+                            query: MUTATION$6,
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3450,7 +3450,7 @@ function PaymentMethod(_a) {
     return (jsxRuntime.jsx(PaymentMethodContext.Provider, __assign({ value: { footer: footer, processPublicUrl: processPublicUrl } }, { children: jsxRuntime.jsx(ActualPaymentMethod, {}) })));
 }
 
-var MUTATION$4 = "\nmutation accountUpdate(\n    $id: ID!,\n    $attributes: AccountAttributes!) {\n      accountUpdate(\n        id: $id,\n        attributes: $attributes\n      ) {\n        account { id }\n        errors\n      }\n  }\n";
+var MUTATION$5 = "\nmutation accountUpdate(\n    $id: ID!,\n    $attributes: AccountAttributes!) {\n      accountUpdate(\n        id: $id,\n        attributes: $attributes\n      ) {\n        account { id }\n        errors\n      }\n  }\n";
 var accountUpdate = function (_a) {
     var accountId = _a.accountId, attributes = _a.attributes, token = _a.token;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3460,7 +3460,7 @@ var accountUpdate = function (_a) {
             switch (_c.label) {
                 case 0:
                     vars = { id: accountId, attributes: attributes };
-                    return [4 /*yield*/, common.gqlRequest({ query: MUTATION$4, token: token, vars: vars })];
+                    return [4 /*yield*/, common.gqlRequest({ query: MUTATION$5, token: token, vars: vars })];
                 case 1:
                     response = _c.sent();
                     errors = (_b = response === null || response === void 0 ? void 0 : response.accountUpdate) === null || _b === void 0 ? void 0 : _b.errors;
@@ -3728,7 +3728,7 @@ var Checkout = function (_a) {
                             }, setIsSaving: setIsSaving }))] }))] })) })));
 };
 
-var MUTATION$3 = function () { return "\nmutation AccountSignup (\n  $entityId: ID!,\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!\n) {\n  accountSignup(\n    entityId: $entityId,\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId\n  ) {\n    errors\n    quote {\n      acceptedByName\n      acceptedByTitle\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
+var MUTATION$4 = function () { return "\nmutation AccountSignup (\n  $entityId: ID!,\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!\n) {\n  accountSignup(\n    entityId: $entityId,\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId\n  ) {\n    errors\n    quote {\n      acceptedByName\n      acceptedByTitle\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
 var accountSignup = function (_a) {
     var token = _a.token, subdomain = _a.subdomain, entityId = _a.entityId, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3747,7 +3747,7 @@ var accountSignup = function (_a) {
                         priceListCode: priceListCode,
                     };
                     return [4 /*yield*/, common.gqlRequest({
-                            query: MUTATION$3(),
+                            query: MUTATION$4(),
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3763,7 +3763,7 @@ var accountSignup = function (_a) {
     });
 };
 
-var MUTATION$2 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $entityId: ID!,\n  $priceListCode: String!\n) {\n  quoteAccountSignup(\n    entityId: $entityId,\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact\n  ) {\n    account {\n      id\n    }\n    amount\n    currencyId\n    quoteId\n    errors\n  }\n}"; };
+var MUTATION$3 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $entityId: ID!,\n  $priceListCode: String!\n) {\n  quoteAccountSignup(\n    entityId: $entityId,\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact\n  ) {\n    account {\n      id\n    }\n    amount\n    currencyId\n    quote {\n      id\n    }\n    tenant {\n      code\n    }\n    errors\n  }\n}"; };
 var quoteAccountSignup = function (_a) {
     var token = _a.token, subdomain = _a.subdomain, entityId = _a.entityId, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3779,7 +3779,7 @@ var quoteAccountSignup = function (_a) {
                         billingContact: billingContact,
                     };
                     return [4 /*yield*/, common.gqlRequest({
-                            query: MUTATION$2(),
+                            query: MUTATION$3(),
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3795,7 +3795,7 @@ var quoteAccountSignup = function (_a) {
     });
 };
 
-var MUTATION$1 = function () { return "\nquery PriceList($code: String!) {\n  priceList (code: $code) {\n    basePrice\n    code\n    createdAt\n    currencyId\n    id\n    isVisible\n    name\n    periodMonths\n    planId\n    priceDescription\n    productId\n    sku\n    trialAllowed\n    trialLengthDays\n    updatedAt\n  }\n}"; };
+var MUTATION$2 = function () { return "\nquery PriceList($code: String!) {\n  priceList (code: $code) {\n    basePrice\n    code\n    createdAt\n    currencyId\n    id\n    isVisible\n    name\n    periodMonths\n    planId\n    priceDescription\n    productId\n    sku\n    trialAllowed\n    trialLengthDays\n    updatedAt\n  }\n}"; };
 var getPriceList = function (_a) {
     var token = _a.token, code = _a.code, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3803,7 +3803,7 @@ var getPriceList = function (_a) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0: return [4 /*yield*/, common.gqlRequest({
-                        query: MUTATION$1(),
+                        query: MUTATION$2(),
                         token: token,
                         vars: { code: code },
                         subdomain: subdomain,
@@ -3895,6 +3895,31 @@ var StyedLink = styled__default["default"].a(templateObject_1$4 || (templateObje
 var StyledBunnyLink = styled__default["default"](StyedLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:hover {\n    color: ", " !important;\n  }\n"], ["\n  &:hover {\n    color: ", " !important;\n  }\n"])), common.PRIMARY_COLOR);
 var templateObject_1$4, templateObject_2;
 
+var MUTATION$1 = "\n  mutation portalSessionCreate ($tenantCode: String!, $expiry: Int!, $returnUrl: String!) {\n    portalSessionCreate (tenantCode: $tenantCode, expiry: $expiry, returnUrl: $returnUrl) {\n        errors\n        token\n    }\n  }\n";
+var portalSessionCreate = function (_a) {
+    var tenantCode = _a.tenantCode, expiry = _a.expiry, returnUrl = _a.returnUrl, token = _a.token, subdomain = _a.subdomain;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var response, errors;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, common.gqlRequest({
+                        query: MUTATION$1,
+                        token: token,
+                        vars: { tenantCode: tenantCode, expiry: expiry, returnUrl: returnUrl },
+                        subdomain: subdomain,
+                    })];
+                case 1:
+                    response = _c.sent();
+                    errors = (response === null || response === void 0 ? void 0 : response.portalSessionCreate).errors;
+                    if (errors)
+                        throw errors;
+                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.portalSessionCreate) === null || _b === void 0 ? void 0 : _b.token];
+            }
+        });
+    });
+};
+
 var showErrorNotification = common.NotificationUtils.useErrorNotification();
 function Signup(_a) {
     var priceListCode = _a.priceListCode, returnUrl = _a.returnUrl;
@@ -3910,10 +3935,11 @@ function Signup(_a) {
     var _c = React.useState(undefined), quote = _c[0], setQuote = _c[1];
     var _d = React.useState(undefined), accountId = _d[0], setAccountId = _d[1];
     var _e = React.useState(undefined), quoteId = _e[0], setQuoteId = _e[1];
-    var _f = React.useState(undefined), formData = _f[0], setFormData = _f[1];
-    var _g = React.useState(false), proceedingToPayment = _g[0], setProceedingToPayment = _g[1];
-    var _h = React.useState(false), paying = _h[0], setIsPaying = _h[1];
-    var _j = React.useState(false), purchaseSucceeded = _j[0], setPurchaseSucceeded = _j[1];
+    var _f = React.useState(undefined), portalSessionToken = _f[0], setPortalSessionToken = _f[1];
+    var _g = React.useState(undefined), formData = _g[0], setFormData = _g[1];
+    var _h = React.useState(false), proceedingToPayment = _h[0], setProceedingToPayment = _h[1];
+    var _j = React.useState(false), paying = _j[0], setIsPaying = _j[1];
+    var _k = React.useState(false), purchaseSucceeded = _k[0], setPurchaseSucceeded = _k[1];
     // Queries
     var priceListData = reactQuery.useQuery({
         queryKey: ["priceList", priceListCode],
@@ -3921,7 +3947,7 @@ function Signup(_a) {
     }).data;
     function handleSubmit(formData) {
         return __awaiter(this, void 0, void 0, function () {
-            var data;
+            var data, portalSessionToken;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3942,11 +3968,21 @@ function Signup(_a) {
                     case 1:
                         data = _a.sent();
                         setAccountId(data.account.id);
-                        setQuoteId(data.quoteId);
+                        return [4 /*yield*/, portalSessionCreate({
+                                token: token,
+                                subdomain: subdomain,
+                                tenantCode: data.tenant.code,
+                                expiry: 24,
+                                returnUrl: returnUrl || "",
+                            })];
+                    case 2:
+                        portalSessionToken = _a.sent();
+                        setPortalSessionToken(portalSessionToken);
+                        setQuoteId(data.quote.id);
                         setProceedingToPayment(false);
                         setQuote({
-                            amountDue: data.amount,
-                            currencyId: data.currencyId,
+                            amountDue: data.quote.amountDue,
+                            currencyId: data.quote.currencyId,
                         });
                         return [2 /*return*/];
                 }
@@ -3971,8 +4007,11 @@ function Signup(_a) {
                         if (!accountId) {
                             throw new Error("Account ID is required");
                         }
+                        if (!portalSessionToken) {
+                            throw new Error("Portal session token is required");
+                        }
                         return [4 /*yield*/, accountSignup({
-                                token: token,
+                                token: portalSessionToken,
                                 subdomain: subdomain,
                                 entityId: entityId,
                                 quoteId: quoteId,

package/dist/esm/index.js

@@ -1521,14 +1521,14 @@ var BrandContext = createContext({
     topNavImageUrl: DEFAULT_TOP_NAV_IMAGE_URL,
 });
 
-var MUTATION$8 = "{\n    entityBranding {\n      accentColor\n      brandColor\n      topNavImageUrl\n    }\n  }";
+var MUTATION$9 = "{\n    entityBranding {\n      accentColor\n      brandColor\n      topNavImageUrl\n    }\n  }";
 var getBranding = function (_a) {
     var token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
         var response;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: return [4 /*yield*/, gqlRequest({ query: MUTATION$8, token: token, subdomain: subdomain })];
+                case 0: return [4 /*yield*/, gqlRequest({ query: MUTATION$9, token: token, subdomain: subdomain })];
                 case 1:
                     response = _b.sent();
                     return [2 /*return*/, response === null || response === void 0 ? void 0 : response.entityBranding];
@@ -2760,7 +2760,7 @@ var PaymentForm = function (_a) {
     return (jsx(ActualPaymentForm, { invoice: invoice, isSaving: isSaving, onFail: onFail, onPaymentSuccess: onPaymentSuccess, quote: quote, setIsSaving: setIsSaving }));
 };
 
-var MUTATION$7 = "\n  mutation checkout(\n    $invoiceId: ID,\n    $quoteId: ID,\n    $paymentMethodId: ID,\n    $paymentMethodData: CheckoutPaymentMethodAttributes\n  ) {\n    checkout(\n      invoiceId: $invoiceId,\n      quoteId: $quoteId,\n      paymentMethodId: $paymentMethodId,\n      paymentMethodData: $paymentMethodData\n    ) {\n      invoice {\n        id\n        state\n        amount\n        amountDue\n      }\n      payment {\n        id\n        state\n        amount\n      }\n      paymentApplication {\n        id\n        invoiceId\n        paymentId\n      }\n      transaction {\n        id\n        amount\n      }\n    }\n  }\n";
+var MUTATION$8 = "\n  mutation checkout(\n    $invoiceId: ID,\n    $quoteId: ID,\n    $paymentMethodId: ID,\n    $paymentMethodData: CheckoutPaymentMethodAttributes\n  ) {\n    checkout(\n      invoiceId: $invoiceId,\n      quoteId: $quoteId,\n      paymentMethodId: $paymentMethodId,\n      paymentMethodData: $paymentMethodData\n    ) {\n      invoice {\n        id\n        state\n        amount\n        amountDue\n      }\n      payment {\n        id\n        state\n        amount\n      }\n      paymentApplication {\n        id\n        invoiceId\n        paymentId\n      }\n      transaction {\n        id\n        amount\n      }\n    }\n  }\n";
 var checkout = function (_a) {
     var quoteId = _a.quoteId, invoiceId = _a.invoiceId, paymentMethodId = _a.paymentMethodId, paymentMethodData = _a.paymentMethodData, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -2777,7 +2777,7 @@ var checkout = function (_a) {
                         mutationVars.paymentMethodData = __assign(__assign({}, paymentMethodData), { metadata: paymentMethodData.metadata });
                     }
                     return [4 /*yield*/, gqlRequest({
-                            query: MUTATION$7,
+                            query: MUTATION$8,
                             token: token,
                             vars: mutationVars,
                             subdomain: subdomain,
@@ -2914,7 +2914,7 @@ function InvoicePDF(_a) {
         }, title: "Invoice PDF", width: "100%" }));
 }
 
-var MUTATION$6 = "\nquery FormattedInvoice($id: ID) {\n  formattedInvoice(id: $id) {\n    amount\n    amountDue\n    amountPaid\n    billingCity\n    billingCountry\n    billingState\n    billingStreet\n    billingZip\n    createdAt\n    credits\n    currency\n    currencyId\n    currencySymbol\n    customerBillingCity\n    customerBillingContact\n    customerBillingCountry\n    customerBillingState\n    customerBillingStreet\n    customerBillingZip\n    customerName\n    dueAt\n    html\n    id\n    isLegacy\n    netPaymentDays\n    number\n    payableId\n    poNumber\n    printedState\n    smallUnitAmountDue\n    state\n    subscriptionEndDate\n    subscriptionStartDate\n    subtotal\n    taxAmount\n    taxNumber\n    uuid\n    vendorName\n    formattedLines {\n      amount\n      billingPeriodEnd\n      billingPeriodStart\n      chargeType\n      discount\n      frequency\n      lineText\n      position\n      price\n      priceDecimals\n      priceListChargeId\n      priceListChargeName\n      priceListName\n      prorationRate\n      quantity\n      unitOfMeasure\n      priceTiers {\n        price\n        starts\n      }\n    }\n  }\n}";
+var MUTATION$7 = "\nquery FormattedInvoice($id: ID) {\n  formattedInvoice(id: $id) {\n    amount\n    amountDue\n    amountPaid\n    billingCity\n    billingCountry\n    billingState\n    billingStreet\n    billingZip\n    createdAt\n    credits\n    currency\n    currencyId\n    currencySymbol\n    customerBillingCity\n    customerBillingContact\n    customerBillingCountry\n    customerBillingState\n    customerBillingStreet\n    customerBillingZip\n    customerName\n    dueAt\n    html\n    id\n    isLegacy\n    netPaymentDays\n    number\n    payableId\n    poNumber\n    printedState\n    smallUnitAmountDue\n    state\n    subscriptionEndDate\n    subscriptionStartDate\n    subtotal\n    taxAmount\n    taxNumber\n    uuid\n    vendorName\n    formattedLines {\n      amount\n      billingPeriodEnd\n      billingPeriodStart\n      chargeType\n      discount\n      frequency\n      lineText\n      position\n      price\n      priceDecimals\n      priceListChargeId\n      priceListChargeName\n      priceListName\n      prorationRate\n      quantity\n      unitOfMeasure\n      priceTiers {\n        price\n        starts\n      }\n    }\n  }\n}";
 var getFormattedInvoice = function (_a) {
     var id = _a.id, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -2924,7 +2924,7 @@ var getFormattedInvoice = function (_a) {
                 case 0:
                     vars = { id: id };
                     return [4 /*yield*/, gqlRequest({
-                            query: MUTATION$6,
+                            query: MUTATION$7,
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3218,7 +3218,7 @@ var PandadocPollingModal = function (_a) {
     return (jsxs(Modal, __assign({ title: "Uploading quote to Pandadoc", open: isVisible, closable: false, footer: null }, { children: [jsxs("div", __assign({ className: "py-4 text-center" }, { children: ["This may take a few seconds", ".".repeat(numberOfPolls)] })), jsx("div", __assign({ className: "text-center" }, { children: infoMessage }))] })));
 };
 
-var MUTATION$5 = "\n  query formattedQuote ($id: ID) {\n    formattedQuote (id: $id) {\n      payableId\n      acceptedAt\n      acceptedByName\n      amount\n      amountDue\n      amountsByPeriod {\n        id\n        name\n        amount\n      }\n      object { documents { id filename size date url } }\n      billingCity\n      billingCountry\n      billingState\n      billingStreet\n      billingZip\n      contactName\n      currency\n      customerBillingCity\n      customerBillingCountry\n      customerBillingState\n      customerBillingStreet\n      customerBillingZip\n      customerName\n      discount\n      discountValue\n      duration\n      endDate\n      expiresAt\n      html\n      formattedLines {\n        amount\n        amountsByPeriod {\n          quantity\n          id\n          name\n          startDate\n          endDate\n          amount\n          amountsByTier {\n            id\n            tier {\n              starts\n              ends\n              price\n            }\n            quantity\n            amount\n          }\n          prorationRate\n        }\n        billingPeriodEnd\n        billingPeriodStart\n        chargeType\n        discount\n        frequency\n        isRamp\n        periods\n        planName\n        position\n        price\n        priceDecimals\n        priceListChargeId\n        priceListChargeName\n        priceListId\n        priceListName\n        priceTiers {\n          price\n          starts\n        }\n        pricingModel\n        productName\n        prorationRate\n        quantity\n        showProductNameOnLineItem\n        taxCode\n        trialEndDate\n        trialStartDate\n        unitOfMeasure\n        vatCode\n      }\n      netPaymentDays\n      notes\n      number\n      poNumberRequired\n      salesContactEmail\n      sharedAt\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxNumberLabel\n      taxNumberRequired\n      vendorName\n    }\n  }";
+var MUTATION$6 = "\n  query formattedQuote ($id: ID) {\n    formattedQuote (id: $id) {\n      payableId\n      acceptedAt\n      acceptedByName\n      amount\n      amountDue\n      amountsByPeriod {\n        id\n        name\n        amount\n      }\n      object { documents { id filename size date url } }\n      billingCity\n      billingCountry\n      billingState\n      billingStreet\n      billingZip\n      contactName\n      currency\n      customerBillingCity\n      customerBillingCountry\n      customerBillingState\n      customerBillingStreet\n      customerBillingZip\n      customerName\n      discount\n      discountValue\n      duration\n      endDate\n      expiresAt\n      html\n      formattedLines {\n        amount\n        amountsByPeriod {\n          quantity\n          id\n          name\n          startDate\n          endDate\n          amount\n          amountsByTier {\n            id\n            tier {\n              starts\n              ends\n              price\n            }\n            quantity\n            amount\n          }\n          prorationRate\n        }\n        billingPeriodEnd\n        billingPeriodStart\n        chargeType\n        discount\n        frequency\n        isRamp\n        periods\n        planName\n        position\n        price\n        priceDecimals\n        priceListChargeId\n        priceListChargeName\n        priceListId\n        priceListName\n        priceTiers {\n          price\n          starts\n        }\n        pricingModel\n        productName\n        prorationRate\n        quantity\n        showProductNameOnLineItem\n        taxCode\n        trialEndDate\n        trialStartDate\n        unitOfMeasure\n        vatCode\n      }\n      netPaymentDays\n      notes\n      number\n      poNumberRequired\n      salesContactEmail\n      sharedAt\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxNumberLabel\n      taxNumberRequired\n      vendorName\n    }\n  }";
 var getFormattedQuote = function (_a) {
     var id = _a.id, token = _a.token, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3228,7 +3228,7 @@ var getFormattedQuote = function (_a) {
                 case 0:
                     vars = { id: id };
                     return [4 /*yield*/, gqlRequest({
-                            query: MUTATION$5,
+                            query: MUTATION$6,
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3421,7 +3421,7 @@ function PaymentMethod(_a) {
     return (jsx(PaymentMethodContext.Provider, __assign({ value: { footer: footer, processPublicUrl: processPublicUrl } }, { children: jsx(ActualPaymentMethod, {}) })));
 }
 
-var MUTATION$4 = "\nmutation accountUpdate(\n    $id: ID!,\n    $attributes: AccountAttributes!) {\n      accountUpdate(\n        id: $id,\n        attributes: $attributes\n      ) {\n        account { id }\n        errors\n      }\n  }\n";
+var MUTATION$5 = "\nmutation accountUpdate(\n    $id: ID!,\n    $attributes: AccountAttributes!) {\n      accountUpdate(\n        id: $id,\n        attributes: $attributes\n      ) {\n        account { id }\n        errors\n      }\n  }\n";
 var accountUpdate = function (_a) {
     var accountId = _a.accountId, attributes = _a.attributes, token = _a.token;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3431,7 +3431,7 @@ var accountUpdate = function (_a) {
             switch (_c.label) {
                 case 0:
                     vars = { id: accountId, attributes: attributes };
-                    return [4 /*yield*/, gqlRequest({ query: MUTATION$4, token: token, vars: vars })];
+                    return [4 /*yield*/, gqlRequest({ query: MUTATION$5, token: token, vars: vars })];
                 case 1:
                     response = _c.sent();
                     errors = (_b = response === null || response === void 0 ? void 0 : response.accountUpdate) === null || _b === void 0 ? void 0 : _b.errors;
@@ -3699,7 +3699,7 @@ var Checkout = function (_a) {
                             }, setIsSaving: setIsSaving }))] }))] })) })));
 };
 
-var MUTATION$3 = function () { return "\nmutation AccountSignup (\n  $entityId: ID!,\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!\n) {\n  accountSignup(\n    entityId: $entityId,\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId\n  ) {\n    errors\n    quote {\n      acceptedByName\n      acceptedByTitle\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
+var MUTATION$4 = function () { return "\nmutation AccountSignup (\n  $entityId: ID!,\n  $pluginId: String!,\n  $paymentMethodId: String,\n  $priceListCode: String!,\n  $accountId: ID!,\n  $quoteId: ID!\n) {\n  accountSignup(\n    entityId: $entityId,\n    pluginId: $pluginId,\n    paymentMethodId: $paymentMethodId,\n    priceListCode: $priceListCode,\n    accountId: $accountId,\n    quoteId: $quoteId\n  ) {\n    errors\n    quote {\n      acceptedByName\n      acceptedByTitle\n      accountId\n      amount\n      amountDue\n      applicationDate\n      applied\n      backdatedPeriods\n      backdatedQuote\n      billingDay\n      contactId\n      createdAt\n      credits\n      currencyId\n      dealId\n      discount\n      discountValue\n      endDate\n      evergreen\n      expiresAt\n      id\n      invoiceImmediately\n      invoiceImmediatelyAvailable\n      invoiceUntil\n      isPendingApprovalRequest\n      kind\n      message\n      name\n      netPaymentDays\n      notes\n      number\n      ownerId\n      payableId\n      periodAmount\n      poNumber\n      requiresApproval\n      smallUnitAmountDue\n      splitInvoice\n      startDate\n      state\n      subtotal\n      taxAmount\n      taxCode\n      updatedAt\n      uuid\n    }\n  }\n}"; };
 var accountSignup = function (_a) {
     var token = _a.token, subdomain = _a.subdomain, entityId = _a.entityId, accountId = _a.accountId, quoteId = _a.quoteId, paymentToken = _a.paymentToken, paymentMethodId = _a.paymentMethodId, pluginId = _a.pluginId, priceListCode = _a.priceListCode;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3718,7 +3718,7 @@ var accountSignup = function (_a) {
                         priceListCode: priceListCode,
                     };
                     return [4 /*yield*/, gqlRequest({
-                            query: MUTATION$3(),
+                            query: MUTATION$4(),
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3734,7 +3734,7 @@ var accountSignup = function (_a) {
     });
 };
 
-var MUTATION$2 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $entityId: ID!,\n  $priceListCode: String!\n) {\n  quoteAccountSignup(\n    entityId: $entityId,\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact\n  ) {\n    account {\n      id\n    }\n    amount\n    currencyId\n    quoteId\n    errors\n  }\n}"; };
+var MUTATION$3 = function () { return "\nmutation QuoteAccountSignup (\n  $accountName: String!,\n  $billingContact: ContactAttributes!,\n  $entityId: ID!,\n  $priceListCode: String!\n) {\n  quoteAccountSignup(\n    entityId: $entityId,\n    priceListCode: $priceListCode,\n    accountName: $accountName,\n    billingContact: $billingContact\n  ) {\n    account {\n      id\n    }\n    amount\n    currencyId\n    quote {\n      id\n    }\n    tenant {\n      code\n    }\n    errors\n  }\n}"; };
 var quoteAccountSignup = function (_a) {
     var token = _a.token, subdomain = _a.subdomain, entityId = _a.entityId, priceListCode = _a.priceListCode, accountName = _a.accountName, billingContact = _a.billingContact;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3750,7 +3750,7 @@ var quoteAccountSignup = function (_a) {
                         billingContact: billingContact,
                     };
                     return [4 /*yield*/, gqlRequest({
-                            query: MUTATION$2(),
+                            query: MUTATION$3(),
                             token: token,
                             vars: vars,
                             subdomain: subdomain,
@@ -3766,7 +3766,7 @@ var quoteAccountSignup = function (_a) {
     });
 };
 
-var MUTATION$1 = function () { return "\nquery PriceList($code: String!) {\n  priceList (code: $code) {\n    basePrice\n    code\n    createdAt\n    currencyId\n    id\n    isVisible\n    name\n    periodMonths\n    planId\n    priceDescription\n    productId\n    sku\n    trialAllowed\n    trialLengthDays\n    updatedAt\n  }\n}"; };
+var MUTATION$2 = function () { return "\nquery PriceList($code: String!) {\n  priceList (code: $code) {\n    basePrice\n    code\n    createdAt\n    currencyId\n    id\n    isVisible\n    name\n    periodMonths\n    planId\n    priceDescription\n    productId\n    sku\n    trialAllowed\n    trialLengthDays\n    updatedAt\n  }\n}"; };
 var getPriceList = function (_a) {
     var token = _a.token, code = _a.code, subdomain = _a.subdomain;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -3774,7 +3774,7 @@ var getPriceList = function (_a) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0: return [4 /*yield*/, gqlRequest({
-                        query: MUTATION$1(),
+                        query: MUTATION$2(),
                         token: token,
                         vars: { code: code },
                         subdomain: subdomain,
@@ -3866,6 +3866,31 @@ var StyedLink = styled.a(templateObject_1$4 || (templateObject_1$4 = __makeTempl
 var StyledBunnyLink = styled(StyedLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:hover {\n    color: ", " !important;\n  }\n"], ["\n  &:hover {\n    color: ", " !important;\n  }\n"])), PRIMARY_COLOR);
 var templateObject_1$4, templateObject_2;
 
+var MUTATION$1 = "\n  mutation portalSessionCreate ($tenantCode: String!, $expiry: Int!, $returnUrl: String!) {\n    portalSessionCreate (tenantCode: $tenantCode, expiry: $expiry, returnUrl: $returnUrl) {\n        errors\n        token\n    }\n  }\n";
+var portalSessionCreate = function (_a) {
+    var tenantCode = _a.tenantCode, expiry = _a.expiry, returnUrl = _a.returnUrl, token = _a.token, subdomain = _a.subdomain;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var response, errors;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, gqlRequest({
+                        query: MUTATION$1,
+                        token: token,
+                        vars: { tenantCode: tenantCode, expiry: expiry, returnUrl: returnUrl },
+                        subdomain: subdomain,
+                    })];
+                case 1:
+                    response = _c.sent();
+                    errors = (response === null || response === void 0 ? void 0 : response.portalSessionCreate).errors;
+                    if (errors)
+                        throw errors;
+                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.portalSessionCreate) === null || _b === void 0 ? void 0 : _b.token];
+            }
+        });
+    });
+};
+
 var showErrorNotification = NotificationUtils.useErrorNotification();
 function Signup(_a) {
     var priceListCode = _a.priceListCode, returnUrl = _a.returnUrl;
@@ -3881,10 +3906,11 @@ function Signup(_a) {
     var _c = useState(undefined), quote = _c[0], setQuote = _c[1];
     var _d = useState(undefined), accountId = _d[0], setAccountId = _d[1];
     var _e = useState(undefined), quoteId = _e[0], setQuoteId = _e[1];
-    var _f = useState(undefined), formData = _f[0], setFormData = _f[1];
-    var _g = useState(false), proceedingToPayment = _g[0], setProceedingToPayment = _g[1];
-    var _h = useState(false), paying = _h[0], setIsPaying = _h[1];
-    var _j = useState(false), purchaseSucceeded = _j[0], setPurchaseSucceeded = _j[1];
+    var _f = useState(undefined), portalSessionToken = _f[0], setPortalSessionToken = _f[1];
+    var _g = useState(undefined), formData = _g[0], setFormData = _g[1];
+    var _h = useState(false), proceedingToPayment = _h[0], setProceedingToPayment = _h[1];
+    var _j = useState(false), paying = _j[0], setIsPaying = _j[1];
+    var _k = useState(false), purchaseSucceeded = _k[0], setPurchaseSucceeded = _k[1];
     // Queries
     var priceListData = useQuery({
         queryKey: ["priceList", priceListCode],
@@ -3892,7 +3918,7 @@ function Signup(_a) {
     }).data;
     function handleSubmit(formData) {
         return __awaiter(this, void 0, void 0, function () {
-            var data;
+            var data, portalSessionToken;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3913,11 +3939,21 @@ function Signup(_a) {
                     case 1:
                         data = _a.sent();
                         setAccountId(data.account.id);
-                        setQuoteId(data.quoteId);
+                        return [4 /*yield*/, portalSessionCreate({
+                                token: token,
+                                subdomain: subdomain,
+                                tenantCode: data.tenant.code,
+                                expiry: 24,
+                                returnUrl: returnUrl || "",
+                            })];
+                    case 2:
+                        portalSessionToken = _a.sent();
+                        setPortalSessionToken(portalSessionToken);
+                        setQuoteId(data.quote.id);
                         setProceedingToPayment(false);
                         setQuote({
-                            amountDue: data.amount,
-                            currencyId: data.currencyId,
+                            amountDue: data.quote.amountDue,
+                            currencyId: data.quote.currencyId,
                         });
                         return [2 /*return*/];
                 }
@@ -3942,8 +3978,11 @@ function Signup(_a) {
                         if (!accountId) {
                             throw new Error("Account ID is required");
                         }
+                        if (!portalSessionToken) {
+                            throw new Error("Portal session token is required");
+                        }
                         return [4 /*yield*/, accountSignup({
-                                token: token,
+                                token: portalSessionToken,
                                 subdomain: subdomain,
                                 entityId: entityId,
                                 quoteId: quoteId,

package/package.json

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