@juspay-tech/react-hyper-js 1.2.2 → 1.2.4

package/src/components/PaymentMethodsManagementElement.bs.js

@@ -1,58 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as React from "react";
-import * as Context from "../Context.bs.js";
-import * as Caml_option from "rescript/lib/es6/caml_option.js";
-import * as JsxRuntime from "react/jsx-runtime";
-
-function PaymentMethodsManagementElement(props) {
-  var onClick = props.onClick;
-  var onBlur = props.onBlur;
-  var onFocus = props.onFocus;
-  var __componentType = props.componentType;
-  var onReady = props.onReady;
-  var onChange = props.onChange;
-  var options = props.options;
-  var __id = props.id;
-  var id = __id !== undefined ? __id : "payment-management";
-  var componentType = __componentType !== undefined ? __componentType : "paymentMethodsManagement";
-  var hyperSwitch = React.useContext(Context.paymentMethodsManagementSwitchContext);
-  var paymentMethodsManagementState = React.useContext(Context.paymentMethodsManagementElementsContext);
-  var divRef = React.useRef(null);
-  var paymentElement = paymentMethodsManagementState.create(componentType, options);
-  React.useEffect((function () {
-          var paymentElement = paymentMethodsManagementState.create(componentType, options);
-          paymentElement.mount("#orca-elements-payment-management-" + id);
-        }), [
-        divRef,
-        paymentMethodsManagementState
-      ]);
-  React.useEffect((function () {
-          paymentElement.on("ready", onReady);
-          paymentElement.on("focus", onFocus);
-          paymentElement.on("blur", onBlur);
-          paymentElement.on("clickTriggered", onClick);
-          paymentElement.on("change", onChange);
-          return (function () {
-                    paymentElement.on("ready", undefined);
-                    paymentElement.on("focus", undefined);
-                    paymentElement.on("blur", undefined);
-                    paymentElement.on("clickTriggered", undefined);
-                    paymentElement.on("change", undefined);
-                  });
-        }), [
-        paymentMethodsManagementState,
-        hyperSwitch
-      ]);
-  return JsxRuntime.jsx("div", {
-              ref: Caml_option.some(divRef),
-              id: "orca-elements-payment-management-" + id
-            });
-}
-
-var make = PaymentMethodsManagementElement;
-
-export {
-  make ,
-}
-/* react Not a pure module */

package/src/components/PaymentMethodsManagementElement.res

@@ -1,45 +0,0 @@
-@react.component
-let make = (
-  ~id="payment-management",
-  ~options: JSON.t,
-  ~onChange,
-  ~onReady,
-  ~componentType="paymentMethodsManagement",
-  ~onFocus,
-  ~onBlur,
-  ~onClick,
-) => {
-  let hyperSwitch = React.useContext(Context.paymentMethodsManagementSwitchContext)
-  let paymentMethodsManagementState = React.useContext(
-    Context.paymentMethodsManagementElementsContext,
-  )
-  let divRef = React.useRef(Nullable.null)
-
-  let paymentElement = paymentMethodsManagementState.create(componentType, options)
-
-  React.useEffect(() => {
-    let paymentElement = paymentMethodsManagementState.create(componentType, options)
-    paymentElement.mount(`#orca-elements-payment-management-${id}`)
-    None
-  }, (divRef, paymentMethodsManagementState))
-
-  React.useEffect2(() => {
-    paymentElement.on("ready", onReady)
-    paymentElement.on("focus", onFocus)
-    paymentElement.on("blur", onBlur)
-    paymentElement.on("clickTriggered", onClick)
-    paymentElement.on("change", onChange)
-
-    Some(
-      () => {
-        paymentElement.on("ready", None)
-        paymentElement.on("focus", None)
-        paymentElement.on("blur", None)
-        paymentElement.on("clickTriggered", None)
-        paymentElement.on("change", None)
-      },
-    )
-  }, (paymentMethodsManagementState, hyperSwitch))
-
-  <div ref={divRef->ReactDOM.Ref.domRef} id={`orca-elements-payment-management-${id}`} />
-}

package/src/components/PazeElement.bs.js

@@ -1,26 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as JsxRuntime from "react/jsx-runtime";
-import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
-
-function PazeElement(props) {
-  return JsxRuntime.jsx(PaymentElementsWrapper.make, {
-              id: props.id,
-              options: props.options,
-              onChange: props.onChange,
-              onReady: props.onReady,
-              componentType: "paze",
-              onFocus: props.onFocus,
-              onBlur: props.onBlur,
-              onClick: props.onClick,
-              onPaymentComplete: props.onPaymentComplete,
-              onPaymentButtonClick: props.onPaymentButtonClick
-            });
-}
-
-var make = PazeElement;
-
-export {
-  make ,
-}
-/* react/jsx-runtime Not a pure module */

package/src/components/PazeElement.res

@@ -1,25 +0,0 @@
-@react.component
-let make = (
-  ~id,
-  ~options: JSON.t,
-  ~onChange,
-  ~onReady,
-  ~onFocus,
-  ~onBlur,
-  ~onClick,
-  ~onPaymentComplete,
-  ~onPaymentButtonClick,
-) => {
-  <PaymentElementsWrapper
-    id
-    options
-    onChange
-    onReady
-    onFocus
-    onBlur
-    onClick
-    componentType="paze"
-    onPaymentComplete
-    onPaymentButtonClick
-  />
-}

package/webpack.config.js

@@ -1,34 +0,0 @@
-const path = require("path");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const { library } = require("webpack");
-
-module.exports = {
-  output: {
-    path: path.join(__dirname, "/dist"),
-    filename: "index.js",
-    library: "@juspay/react-juspay-js",
-    libraryTarget: "umd",
-  },
-  entry: "./src/Index.bs.js",
-  plugins: [],
-  devServer: {
-    port: 3030, // you can change the port
-  },
-  externals: ["react", "react-dom"],
-
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-        },
-      },
-      {
-        test: /\.css$/i,
-        use: ["style-loader", "css-loader"],
-      },
-    ],
-  },
-};