@rebilly/instruments 9.47.0 → 9.47.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [9.47.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.46.1...instruments/core-v9.47.0) (2024-05-21)
+## [9.47.1](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.47.0...instruments/core-v9.47.1) (2024-05-22)
 
 
-### Features
+### Bug Fixes
 
-* **api-metadata, rebilly-js-sdk:** Update resources based on latest api definitions ([#5344](https://github.com/Rebilly/rebilly/issues/5344)) ([7dbce9d](https://github.com/Rebilly/rebilly/commit/7dbce9de1f04e4494d49db158ec522c6660bb14b))
+* **instruments:** Deposit flow is not generating the corresponding deposit and transaction ([#5450](https://github.com/Rebilly/rebilly/issues/5450)) ([5f548ee](https://github.com/Rebilly/rebilly/commit/5f548ee416912559f90bad22de3adc1e60484a25))

package/dist/index.js

@@ -16864,38 +16864,6 @@ function generateDigitalWallet({ expressMethods = [] }) {
   });
   return output;
 }
-async function mountAmountSelector() {
-  var _a, _b, _c;
-  if (state.data.money) {
-    state.data.money.amount = null;
-    state.data.money.currency = null;
-    state.updateModel();
-  }
-  const iframe = iframes.form;
-  if (!iframe) {
-    await mountForm();
-  }
-  const modelSafeState = state.toModel();
-  const model = {
-    options: modelSafeState.options,
-    data: modelSafeState.data
-  };
-  (_a = iframe.component) == null ? void 0 : _a.call("route", {
-    name: "amount-selector"
-  });
-  (_b = iframe.component) == null ? void 0 : _b.call("update", model);
-  (_c = iframe == null ? void 0 : iframe.component) == null ? void 0 : _c.on("confirm-amount", async (data) => {
-    const { amount, currency } = data;
-    state.data.money = {
-      amount,
-      currency
-    };
-    const readyToPayUpdated = await fetchReadyToPay();
-    state.data.readyToPay = readyToPayUpdated;
-    state.updateModel();
-    mountMethodSelector();
-  });
-}
 async function createDeposit({
   data
 }) {
@@ -16945,38 +16913,6 @@ function hideExtraUI() {
     }
   }
 }
-const backToAmountElement = () => {
-  const template = `
-  <div class="rebilly-instruments-confirmation-go-back-link" style="display: inline-block;margin-bottom: var(--rebilly-spacingM);margin-left: calc(var(--rebilly-spacingXs) * -1);">
-      <a
-        class="rebilly-instruments-link has-icon-left"
-        style="display: inline-flex;color: var(--rebilly-colorPrimary);cursor: pointer;"
-      >
-        <svg
-          class="rebilly-instruments-icon"
-          style="margin-right: var(--rebilly-spacingXs);fill: var(--rebilly-colorPrimary)"
-          viewBox="0 0 24 24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6.2929 11.2929l5-5c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142L9.4142 11H17c.5523 0 1 .4477 1 1s-.4477 1-1 1H9.4142l3.293 3.2929c.3904.3905.3904 1.0237 0 1.4142-.3906.3905-1.0238.3905-1.4143 0l-5-5A.9969.9969 0 016 12c0-.2761.112-.5261.2929-.7071z"
-            fill-rule="nonzero"
-          />
-        </svg>
-        <span data-rebilly-i18n="deposit.goBack"></span>
-      </a>
-    </div>
-  `;
-  const rootDiv = document.createElement("div");
-  rootDiv.setAttribute("data-rebilly-instruments", "deposit-back");
-  rootDiv.innerHTML += template;
-  const link = rootDiv.querySelector(".rebilly-instruments-link");
-  link.addEventListener("click", () => {
-    hideExtraUI();
-    mountAmountSelector();
-  });
-  return rootDiv;
-};
 const expressMethodsElement = ({ expressMethods }) => {
   const rootDiv = document.createElement("div");
   rootDiv.classList.add("rebilly-instruments-method-selector");
@@ -17002,18 +16938,10 @@ const expressMethodsElement = ({ expressMethods }) => {
   return rootDiv;
 };
 async function mountMethodSelector() {
-  var _a, _b, _c, _d, _e2, _f, _g, _h;
+  var _a, _b, _c, _d, _e2, _f, _g;
   const contentEl = getElement("content");
   const formEl = getElement("form");
   const { expressMethods, methods } = getPaymentMethods();
-  if ((_a = state.options) == null ? void 0 : _a.deposit) {
-    const existingDepositBackElement = getElement("deposit-back");
-    if (existingDepositBackElement) {
-      existingDepositBackElement.style.height = "auto";
-    } else {
-      contentEl.insertBefore(backToAmountElement(), formEl);
-    }
-  }
   if (expressMethods.length) {
     const existingExpressMethodElement = getElement("express-methods");
     if (existingExpressMethodElement) {
@@ -17035,7 +16963,7 @@ async function mountMethodSelector() {
       });
     }
   }
-  if ((_c = (_b = state.options) == null ? void 0 : _b.bumpOffer) == null ? void 0 : _c.length) {
+  if ((_b = (_a = state.options) == null ? void 0 : _a.bumpOffer) == null ? void 0 : _b.length) {
     const existingExpressMethodElement = getElement("bump-offer");
     if (existingExpressMethodElement) {
       existingExpressMethodElement.style.height = "auto";
@@ -17058,12 +16986,12 @@ async function mountMethodSelector() {
       options: modelSafeState.options,
       data: modelSafeState.data
     };
-    (_d = iframe == null ? void 0 : iframe.component) == null ? void 0 : _d.call("route", {
+    (_c = iframe == null ? void 0 : iframe.component) == null ? void 0 : _c.call("route", {
       name: "method-switch"
     });
-    (_e2 = iframe == null ? void 0 : iframe.component) == null ? void 0 : _e2.call("update", model);
-    if (!((_g = (_f = iframe == null ? void 0 : iframe.component) == null ? void 0 : _f.events) == null ? void 0 : _g["restart-payment-flow"])) {
-      (_h = iframe == null ? void 0 : iframe.component) == null ? void 0 : _h.on("restart-payment-flow", async (payload) => {
+    (_d = iframe == null ? void 0 : iframe.component) == null ? void 0 : _d.call("update", model);
+    if (!((_f = (_e2 = iframe == null ? void 0 : iframe.component) == null ? void 0 : _e2.events) == null ? void 0 : _f["restart-payment-flow"])) {
+      (_g = iframe == null ? void 0 : iframe.component) == null ? void 0 : _g.on("restart-payment-flow", async (payload) => {
         if (payload == null ? void 0 : payload.createNewDeposit) {
           const transaction = await createDeposit({
             data: {
@@ -17093,6 +17021,49 @@ async function mountMethodSelector() {
   }
   state.translate.translateItems();
 }
+async function mountAmountSelector() {
+  var _a, _b, _c;
+  if (state.data.money) {
+    state.data.money.amount = null;
+    state.data.money.currency = null;
+    state.updateModel();
+  }
+  const iframe = iframes.form;
+  if (!iframe) {
+    await mountForm();
+  }
+  const modelSafeState = state.toModel();
+  const model = {
+    options: modelSafeState.options,
+    data: modelSafeState.data
+  };
+  (_a = iframe.component) == null ? void 0 : _a.call("route", {
+    name: "amount-selector"
+  });
+  (_b = iframe.component) == null ? void 0 : _b.call("update", model);
+  (_c = iframe == null ? void 0 : iframe.component) == null ? void 0 : _c.on("confirm-amount", async (data) => {
+    const { amount, currency } = data;
+    const { depositRequestId } = state.options.deposit;
+    state.data.money = {
+      amount,
+      currency
+    };
+    const transaction = await createDeposit({
+      data: {
+        depositRequestId,
+        amount
+      }
+    });
+    if (transaction) {
+      state.data.transaction = transaction;
+      state.options.transactionId = transaction.id;
+    }
+    const readyToPayUpdated = await fetchReadyToPay();
+    state.data.readyToPay = readyToPayUpdated;
+    state.updateModel();
+    mountMethodSelector();
+  });
+}
 const baseMethodSelectorHTML = () => `
 <div data-rebilly-instruments="content" class="rebilly-instruments-content">
   <div data-rebilly-instruments="content-error" id="rebilly-instruments-error"></div>