@sitecore-jss/sitecore-jss-react 22.6.0-canary.30 → 22.6.0-canary.33

package/dist/cjs/components/Form.js

@@ -1,4 +1,5 @@
 "use strict";
+/* eslint-disable prefer-const */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -23,10 +24,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
+exports.Form = exports.mockFormModule = void 0;
 const react_1 = __importStar(require("react"));
-const form_1 = require("@sitecore-jss/sitecore-jss/form");
+const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 const withSitecoreContext_1 = require("../enhancers/withSitecoreContext");
+let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = sitecore_jss_1.form;
+/**
+ * Mock function to replace the form module functions for `testing` purposes.
+ * @param {any} formModule - The form module to mock
+ */
+const mockFormModule = (formModule) => {
+    executeScriptElements = formModule.executeScriptElements;
+    loadForm = formModule.loadForm;
+    subscribeToFormSubmitEvent = formModule.subscribeToFormSubmitEvent;
+};
+exports.mockFormModule = mockFormModule;
 const Form = ({ params, rendering }) => {
     var _a;
     const id = params === null || params === void 0 ? void 0 : params.RenderingIdentifier;
@@ -38,7 +50,7 @@ const Form = ({ params, rendering }) => {
     (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d;
         if (!content) {
-            (0, form_1.loadForm)((_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId, params.FormId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)
+            loadForm((_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId, params.FormId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)
                 .then(setContent)
                 .catch(() => {
                 if (isEditing) {
@@ -50,9 +62,9 @@ const Form = ({ params, rendering }) => {
         else {
             // If we are in editing mode, we don't want to send any events
             if (!isEditing) {
-                (0, form_1.subscribeToFormSubmitEvent)(formRef.current, rendering.uid);
+                subscribeToFormSubmitEvent(formRef.current, rendering.uid);
             }
-            (0, form_1.executeScriptElements)(formRef.current);
+            executeScriptElements(formRef.current);
         }
     }, [content]);
     if (isEditing) {

package/dist/esm/components/Form.js

@@ -1,6 +1,17 @@
+/* eslint-disable prefer-const */
 import React, { useEffect, useRef, useState } from 'react';
-import { executeScriptElements, loadForm, subscribeToFormSubmitEvent, } from '@sitecore-jss/sitecore-jss/form';
+import { form } from '@sitecore-jss/sitecore-jss';
 import { useSitecoreContext } from '../enhancers/withSitecoreContext';
+let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = form;
+/**
+ * Mock function to replace the form module functions for `testing` purposes.
+ * @param {any} formModule - The form module to mock
+ */
+export const mockFormModule = (formModule) => {
+    executeScriptElements = formModule.executeScriptElements;
+    loadForm = formModule.loadForm;
+    subscribeToFormSubmitEvent = formModule.subscribeToFormSubmitEvent;
+};
 export const Form = ({ params, rendering }) => {
     var _a;
     const id = params === null || params === void 0 ? void 0 : params.RenderingIdentifier;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "22.6.0-canary.30",
+  "version": "22.6.0-canary.33",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -33,7 +33,6 @@
     "@types/mocha": "^10.0.1",
     "@types/node": "20.14.2",
     "@types/prop-types": "^15.7.5",
-    "@types/proxyquire": "^1.3.31",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.0.10",
     "@types/sinon": "^10.0.13",
@@ -49,7 +48,6 @@
     "jsdom": "^25.0.1",
     "mocha": "^10.2.0",
     "nyc": "^15.1.0",
-    "proxyquire": "^2.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sinon": "^15.0.0",
@@ -64,14 +62,14 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "22.6.0-canary.30",
+    "@sitecore-jss/sitecore-jss": "22.6.0-canary.33",
     "fast-deep-equal": "^3.1.3",
     "prop-types": "^15.8.1",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "69247f2f3265c73c2144d0fde717f0c04e4f598b",
+  "gitHead": "cabd4087d274145306befdb29f56fbdebc1f6aa5",
   "files": [
     "dist",
     "types"

package/types/components/Form.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="@types/react" />
 import React from 'react';
 import { ComponentRendering } from '@sitecore-jss/sitecore-jss/layout';
+/**
+ * Mock function to replace the form module functions for `testing` purposes.
+ * @param {any} formModule - The form module to mock
+ */
+export declare const mockFormModule: (formModule: any) => void;
 /**
  * Shape of the Form component rendering data.
  * FormId is the rendering parameter that specifies the ID of the Sitecore Form to render.