@licklist/design 0.58.6-dev.10 → 0.58.6-dev.2

package/dist/iframe/ryft/utils/ryft-form.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.injectComponentsInRyftForm=function(e){var t=e.t,n=document.getElementById("ryft-pay-iframe"),i=document.getElementById("card-title-container");if(n&&!i){var r=document.createElement("div"),d=document.createElement("div"),a=document.createElement("div");a.id="card-title-container",r.textContent=t("Design:enterCardDetails"),d.className="bold-text form-label",d.innerText=t("Design:paymentDetails"),a.append(r,d),null==n||n.before(a);var o=document.getElementById("ryft-pay-grid");if(o){var m=document.createElement("div"),c=document.createElement("div"),l=document.createElement("div"),s=document.createElement("div");m.className="mobile-pay-title",m.innerText=t("Design:expressCheckoutWith"),c.id="mobile-pay-divider-text",c.innerText="or",l.id="mobile-pay-divider",s.id="mobile-pay-divider-container",s.append(c,l),o.before(m),o.after(s)}}};

package/src/iframe/ryft/utils/ryft-form.ts

@@ -1,47 +0,0 @@
-import { TFunction } from "react-i18next";
-
-export const injectComponentsInRyftForm = ({
-  t,
-}: {
-  t: TFunction<string[]>;
-}) => {
-  const cardContainer = document.getElementById("ryft-pay-iframe");
-  const oldCardDividerContainer = document.getElementById(
-    "card-title-container"
-  );
-
-  if (!cardContainer || oldCardDividerContainer) {
-    return;
-  }
-
-  const cardTitle = document.createElement("div");
-  const cardText = document.createElement("div");
-  const cardTitleContainer = document.createElement("div");
-  cardTitleContainer.id = "card-title-container";
-  cardTitle.textContent = t("Design:enterCardDetails");
-  cardText.className = "bold-text form-label";
-  cardText.innerText = t("Design:paymentDetails");
-  cardTitleContainer.append(cardTitle, cardText);
-  cardContainer?.before(cardTitleContainer);
-
-  const payGrid = document.getElementById("ryft-pay-grid");
-
-  if (!payGrid) {
-    return;
-  }
-
-  // Adding title and divider for apple and google pay button
-  const mobilePayTitle = document.createElement("div");
-  const dividerText = document.createElement("div");
-  const divider = document.createElement("div");
-  const container = document.createElement("div");
-  mobilePayTitle.className = "mobile-pay-title";
-  mobilePayTitle.innerText = t("Design:expressCheckoutWith");
-  dividerText.id = "mobile-pay-divider-text";
-  dividerText.innerText = "or";
-  divider.id = "mobile-pay-divider";
-  container.id = "mobile-pay-divider-container";
-  container.append(dividerText, divider);
-  payGrid.before(mobilePayTitle);
-  payGrid.after(container);
-};