@feathery/react 2.46.0 → 2.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Form/grid/StyledContainer/index.d.ts.map +1 -1
- package/cjs/elements/fields/PinInputField/index.d.ts.map +1 -1
- package/cjs/elements/fields/index.d.ts.map +1 -1
- package/cjs/elements/styles.d.ts +2 -2
- package/cjs/elements/styles.d.ts.map +1 -1
- package/cjs/elements/utils/labelStyleResolver.d.ts +17 -0
- package/cjs/elements/utils/labelStyleResolver.d.ts.map +1 -0
- package/cjs/{fthry_AssistantChat.Ccq_0Swx.js → fthry_AssistantChat.RYl5Kk3w.js} +4 -4
- package/cjs/{fthry_FormControl.D29JIM7K.js → fthry_FormControl.cRGKcR8v.js} +1 -1
- package/cjs/{fthry_InlineTooltip.CKULIOlC.js → fthry_InlineTooltip.KVW9ArTE.js} +2 -2
- package/cjs/{fthry_Overlay.yDSHNtwz.js → fthry_Overlay.CC5aQQjA.js} +1 -1
- package/cjs/{fthry_PaymentMethodField.CDMMYay9.js → fthry_PaymentMethodField.DSPVbsyl.js} +4 -4
- package/cjs/{fthry_Placeholder.BSe-1mcC.js → fthry_Placeholder.Bx86iRiF.js} +1 -1
- package/cjs/{fthry_ShowEyeIcon.Cb8U1JK-.js → fthry_ShowEyeIcon.DAXzCa16.js} +1 -1
- package/cjs/{fthry_TabsElement.C5LG20Au.js → fthry_TabsElement.Cs4Kh2J0.js} +1 -1
- package/cjs/{fthry_auto-track.BNlrElM-.js → fthry_auto-track.B8gpxCmX.js} +2 -2
- package/cjs/{fthry_highlighted-body-TPN3WLV5.7LMZCqXX.js → fthry_highlighted-body-TPN3WLV5.D4zI4Wgj.js} +3 -3
- package/cjs/{fthry_index.Dmz5RtWX.js → fthry_index.3hV7Jf7A.js} +6 -6
- package/cjs/{fthry_index.CTQbB79c.js → fthry_index.5QttCEK6.js} +6 -6
- package/cjs/{fthry_index.DNIgqT7X.js → fthry_index.5nQHvXCX.js} +2 -2
- package/cjs/{fthry_index.BwT0PDuh.js → fthry_index.BQGeSUeA.js} +2 -2
- package/cjs/{fthry_index.CmtLVGae.js → fthry_index.BSIU-qL4.js} +1 -1
- package/cjs/{fthry_index.DJLmA3W3.js → fthry_index.BgT5C0mK.js} +10 -10
- package/cjs/{fthry_index.DEfMLQfc.js → fthry_index.Bq7L6-z4.js} +1 -1
- package/cjs/{fthry_index.D03J0Azq.js → fthry_index.C9kE7SOR.js} +2 -2
- package/cjs/{fthry_index.BebTDhWD.js → fthry_index.CCd40fDr.js} +3 -3
- package/cjs/{fthry_index.Ch4eVK8q.js → fthry_index.CClJ6Ilv.js} +4 -4
- package/cjs/{fthry_index.BThAJ1cv.js → fthry_index.CFINlg_C.js} +3 -3
- package/cjs/{fthry_index.CcvbBuo_.js → fthry_index.CHYx08r8.js} +1 -1
- package/cjs/{fthry_index.CQ97tAoA.js → fthry_index.CM7RkpqD.js} +2 -2
- package/cjs/{fthry_index.Dz2ipsc6.js → fthry_index.CPk-0SpT.js} +1 -1
- package/cjs/{fthry_index.BpqwjZna.js → fthry_index.CfbBZsyo.js} +4 -4
- package/cjs/{fthry_index.DB3jl9ja.js → fthry_index.D4xHDmNb.js} +1 -1
- package/cjs/{fthry_index.BYkt4DUx.js → fthry_index.DClovJ3w.js} +5 -5
- package/cjs/{fthry_index.SWI18Z9b.js → fthry_index.DJnOKZpa.js} +1 -1
- package/cjs/{fthry_index.BCr_I9CF.js → fthry_index.DWGAqgV3.js} +6 -6
- package/cjs/{fthry_index.u2VDZfKG.js → fthry_index.Db2U-5tk.js} +2 -2
- package/cjs/{fthry_index.tHMhRAP0.js → fthry_index.DiPaoR7M.js} +5 -5
- package/cjs/{fthry_index.CS8XI36d.js → fthry_index.DmjyAgn4.js} +5 -5
- package/cjs/{fthry_index.BB4TbGRD.js → fthry_index.DpkaObsc.js} +2 -7
- package/cjs/{fthry_index.OGm0b7hG.js → fthry_index.DqnY0_Rp.js} +5 -5
- package/cjs/{fthry_index.BnetnnAN.js → fthry_index.Dvwe_gjG.js} +1 -1
- package/cjs/{fthry_index.CVv_e5V3.js → fthry_index.Gunu-FKf.js} +2 -2
- package/cjs/{fthry_index.C-X9zaRK.js → fthry_index.HsrHEbIg.js} +1 -1
- package/cjs/{fthry_index.DU2jQZqI.js → fthry_index.ON2TS2gp.js} +8 -8
- package/cjs/{fthry_index.Ck590gDe.js → fthry_index.PduYUqMY.js} +1 -1
- package/cjs/{fthry_index.wsmXvYJm.js → fthry_index.enOrBFBH.js} +6 -6
- package/cjs/{fthry_index.umd.CsG5-4aw.js → fthry_index.umd.DZiHltTx.js} +1 -1
- package/cjs/{fthry_index.CpnN7Soi.js → fthry_index.xXMfVNPV.js} +155 -52
- package/cjs/{fthry_input.Bb-4lDhp.js → fthry_input.S7D7jtTr.js} +1 -1
- package/cjs/{fthry_mermaid-O7DHMXV3.Dl9jL-iJ.js → fthry_mermaid-O7DHMXV3.adoRu4_3.js} +3 -3
- package/cjs/{fthry_script.ovelsfTg.js → fthry_script.BLNO1Bx-.js} +1 -1
- package/cjs/{fthry_styles.LTDDNQMI.js → fthry_styles.B1F6xC90.js} +1 -1
- package/cjs/{fthry_useElementSize.DpBWkC1q.js → fthry_useElementSize.0djhxpoY.js} +1 -1
- package/cjs/{fthry_useSalesforceSync.niNHr9OK.js → fthry_useSalesforceSync.uvkYC4Vy.js} +1 -1
- package/cjs/{fthry_webfontloader.BezpEBZR.js → fthry_webfontloader.B-s2Ztw_.js} +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -1
- package/dist/Form/grid/StyledContainer/index.d.ts.map +1 -1
- package/dist/Form/grid/StyledContainer/index.spec.d.ts +2 -0
- package/dist/Form/grid/StyledContainer/index.spec.d.ts.map +1 -0
- package/dist/elements/fields/PinInputField/index.d.ts.map +1 -1
- package/dist/elements/fields/index.d.ts.map +1 -1
- package/dist/elements/styles.d.ts +2 -2
- package/dist/elements/styles.d.ts.map +1 -1
- package/dist/elements/utils/labelStyleResolver.d.ts +17 -0
- package/dist/elements/utils/labelStyleResolver.d.ts.map +1 -0
- package/dist/{fthry_AssistantChat.DiHL7dO5.js → fthry_AssistantChat.BkXGuxFc.js} +4 -4
- package/dist/{fthry_FormControl.C1Qs0xRm.js → fthry_FormControl.DCwDKF5L.js} +1 -1
- package/dist/{fthry_InlineTooltip.ByMa9uSw.js → fthry_InlineTooltip.DSg3W6ZM.js} +2 -2
- package/dist/{fthry_Overlay.CU1SH-um.js → fthry_Overlay.WQzZD-pG.js} +1 -1
- package/dist/{fthry_PaymentMethodField.B7vXZLaY.js → fthry_PaymentMethodField.BF1_ADdq.js} +4 -4
- package/dist/{fthry_Placeholder.BxzLZsXS.js → fthry_Placeholder.B5Uev0Hf.js} +1 -1
- package/dist/{fthry_ShowEyeIcon.DtwKo9ho.js → fthry_ShowEyeIcon.VelEMRit.js} +1 -1
- package/dist/{fthry_TabsElement.CG5GX23H.js → fthry_TabsElement.BeeupLyO.js} +1 -1
- package/dist/{fthry_auto-track.Cry1nfwC.js → fthry_auto-track.Co29xpDW.js} +2 -2
- package/dist/{fthry_highlighted-body-TPN3WLV5.BVe7M9Lw.js → fthry_highlighted-body-TPN3WLV5.BnJwmG4t.js} +3 -3
- package/dist/{fthry_index.DFe5Gugu.js → fthry_index.1gUdXwl6.js} +1 -1
- package/dist/{fthry_index.BUFSNLXS.js → fthry_index.BA07HRMQ.js} +2 -2
- package/dist/{fthry_index.CL3hHTjQ.js → fthry_index.BJU0heSD.js} +155 -53
- package/dist/{fthry_index.CoOrQVlb.js → fthry_index.BJr7vCxS.js} +4 -4
- package/dist/{fthry_index.Dl7Jr60c.js → fthry_index.BNI7esZW.js} +1 -1
- package/dist/{fthry_index.DQTQ84eq.js → fthry_index.BVel2niO.js} +2 -2
- package/dist/{fthry_index.yIxwjs47.js → fthry_index.BlnEMK3B.js} +2 -2
- package/dist/{fthry_index.CTtFSL1v.js → fthry_index.BvVpLT4a.js} +2 -2
- package/dist/{fthry_index.OLtKG_AP.js → fthry_index.C2AMNhPy.js} +1 -1
- package/dist/{fthry_index.CnkNUy8D.js → fthry_index.C76F1rv6.js} +1 -1
- package/dist/{fthry_index.QUItJhfa.js → fthry_index.CChlfvU8.js} +1 -1
- package/dist/{fthry_index.C6nDdLsT.js → fthry_index.CSuYZoDu.js} +5 -5
- package/dist/{fthry_index.D3Ctwofc.js → fthry_index.CcNsGrfb.js} +6 -6
- package/dist/{fthry_index.9abLHNOS.js → fthry_index.ChoejmjE.js} +2 -2
- package/dist/{fthry_index.DYkQYGGo.js → fthry_index.Ct2aQxQk.js} +3 -3
- package/dist/{fthry_index.CzeP0gGW.js → fthry_index.CuIq1jlI.js} +5 -5
- package/dist/{fthry_index.CQUDohBK.js → fthry_index.D-SzOefA.js} +3 -3
- package/dist/{fthry_index.DltlrCTz.js → fthry_index.DNX_yPZC.js} +1 -1
- package/dist/{fthry_index.BG_Nm6ZL.js → fthry_index.DRACGggd.js} +5 -5
- package/dist/{fthry_index.B7Ne8hG0.js → fthry_index.Dd7eFDCJ.js} +10 -10
- package/dist/{fthry_index.00nR3q_c.js → fthry_index.DkFtfnLA.js} +5 -5
- package/dist/{fthry_index.C1fbsOU2.js → fthry_index.Gy2m3-Rl.js} +2 -7
- package/dist/{fthry_index.CcwVvGij.js → fthry_index.Oh08q-3L.js} +2 -2
- package/dist/{fthry_index.4PYKmC6L.js → fthry_index.P8zmN4m-.js} +8 -8
- package/dist/{fthry_index.CmH30ouB.js → fthry_index.QGAXZ6uR.js} +5 -5
- package/dist/{fthry_index.DrHTd_AO.js → fthry_index.RCbvm0sI.js} +1 -1
- package/dist/{fthry_index.DGOthlYi.js → fthry_index.dprry_I4.js} +1 -1
- package/dist/{fthry_index.CtehhU5w.js → fthry_index.ewMVAMwR.js} +6 -6
- package/dist/{fthry_index.dRHZjTU8.js → fthry_index.kh2WIlxl.js} +4 -4
- package/dist/{fthry_index.3v-BXSWr.js → fthry_index.mjEfsyxP.js} +1 -1
- package/dist/{fthry_index.KNl5IQbj.js → fthry_index.uTk8splA.js} +6 -6
- package/dist/{fthry_index.umd.Bsqkj-Hf.js → fthry_index.umd.BjDV37Wr.js} +1 -1
- package/dist/{fthry_input.Cd3U4YXd.js → fthry_input.CQrUAwEK.js} +1 -1
- package/dist/{fthry_mermaid-O7DHMXV3.Dp2C3vR-.js → fthry_mermaid-O7DHMXV3.DZdu_LFd.js} +3 -3
- package/dist/{fthry_script.Dcs3Apko.js → fthry_script.BZGoeHIe.js} +1 -1
- package/dist/{fthry_styles.BCVZNGCY.js → fthry_styles.Z7LzL6dU.js} +1 -1
- package/dist/{fthry_useElementSize.Bvuimmvh.js → fthry_useElementSize.4Go4WPjc.js} +1 -1
- package/dist/{fthry_useSalesforceSync.bhdBo_Oi.js → fthry_useSalesforceSync.CiAAPPRZ.js} +1 -1
- package/dist/{fthry_webfontloader.ngBl-rIr.js → fthry_webfontloader.D2SP4Ble.js} +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/umd/{PinInputField.ddc30797191dfbed7fe3.js → PinInputField.8116b03689657937daa0.js} +1 -1
- package/umd/index.js +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { au as __extends, _ as __assign, k as __rest, L as __spreadArray, l as __awaiter, m as __generator } from './fthry_index.
|
|
1
|
+
import { au as __extends, _ as __assign, k as __rest, L as __spreadArray, l as __awaiter, m as __generator } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
|
|
3
3
|
function dset(obj, keys, val) {
|
|
4
4
|
keys.split && (keys=keys.split('.'));
|
|
@@ -5352,7 +5352,7 @@ var Analytics = /** @class */ (function (_super) {
|
|
|
5352
5352
|
return __generator(this, function (_b) {
|
|
5353
5353
|
switch (_b.label) {
|
|
5354
5354
|
case 0: return [4 /*yield*/, import(
|
|
5355
|
-
/* webpackChunkName: "auto-track" */ './fthry_auto-track.
|
|
5355
|
+
/* webpackChunkName: "auto-track" */ './fthry_auto-track.Co29xpDW.js')];
|
|
5356
5356
|
case 1:
|
|
5357
5357
|
autotrack = _b.sent();
|
|
5358
5358
|
return [2 /*return*/, (_a = autotrack.link).call.apply(_a, __spreadArray([this], args, false))];
|
|
@@ -5371,7 +5371,7 @@ var Analytics = /** @class */ (function (_super) {
|
|
|
5371
5371
|
return __generator(this, function (_b) {
|
|
5372
5372
|
switch (_b.label) {
|
|
5373
5373
|
case 0: return [4 /*yield*/, import(
|
|
5374
|
-
/* webpackChunkName: "auto-track" */ './fthry_auto-track.
|
|
5374
|
+
/* webpackChunkName: "auto-track" */ './fthry_auto-track.Co29xpDW.js')];
|
|
5375
5375
|
case 1:
|
|
5376
5376
|
autotrack = _b.sent();
|
|
5377
5377
|
return [2 /*return*/, (_a = autotrack.link).call.apply(_a, __spreadArray([this], args, false))];
|
|
@@ -5390,7 +5390,7 @@ var Analytics = /** @class */ (function (_super) {
|
|
|
5390
5390
|
return __generator(this, function (_b) {
|
|
5391
5391
|
switch (_b.label) {
|
|
5392
5392
|
case 0: return [4 /*yield*/, import(
|
|
5393
|
-
/* webpackChunkName: "auto-track" */ './fthry_auto-track.
|
|
5393
|
+
/* webpackChunkName: "auto-track" */ './fthry_auto-track.Co29xpDW.js')];
|
|
5394
5394
|
case 1:
|
|
5395
5395
|
autotrack = _b.sent();
|
|
5396
5396
|
return [2 /*return*/, (_a = autotrack.form).call.apply(_a, __spreadArray([this], args, false))];
|
|
@@ -5409,7 +5409,7 @@ var Analytics = /** @class */ (function (_super) {
|
|
|
5409
5409
|
return __generator(this, function (_b) {
|
|
5410
5410
|
switch (_b.label) {
|
|
5411
5411
|
case 0: return [4 /*yield*/, import(
|
|
5412
|
-
/* webpackChunkName: "auto-track" */ './fthry_auto-track.
|
|
5412
|
+
/* webpackChunkName: "auto-track" */ './fthry_auto-track.Co29xpDW.js')];
|
|
5413
5413
|
case 1:
|
|
5414
5414
|
autotrack = _b.sent();
|
|
5415
5415
|
return [2 /*return*/, (_a = autotrack.form).call.apply(_a, __spreadArray([this], args, false))];
|
|
@@ -5564,7 +5564,7 @@ var Analytics = /** @class */ (function (_super) {
|
|
|
5564
5564
|
return [2 /*return*/, []];
|
|
5565
5565
|
}
|
|
5566
5566
|
return [4 /*yield*/, import(
|
|
5567
|
-
/* webpackChunkName: "queryString" */ './fthry_index.
|
|
5567
|
+
/* webpackChunkName: "queryString" */ './fthry_index.Oh08q-3L.js')];
|
|
5568
5568
|
case 1:
|
|
5569
5569
|
queryString = (_a.sent()).queryString;
|
|
5570
5570
|
return [2 /*return*/, queryString(this, query)];
|
|
@@ -6607,7 +6607,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
|
|
|
6607
6607
|
tsubMiddleware = _d;
|
|
6608
6608
|
if (!(hasLegacyDestinations(cdnSettings) || legacyIntegrationSources.length > 0)) return [3 /*break*/, 5];
|
|
6609
6609
|
return [4 /*yield*/, import(
|
|
6610
|
-
/* webpackChunkName: "ajs-destination" */ './fthry_index.
|
|
6610
|
+
/* webpackChunkName: "ajs-destination" */ './fthry_index.BA07HRMQ.js').then(function (mod) {
|
|
6611
6611
|
return mod.ajsDestinations(writeKey, cdnSettings, analytics.integrations, options, tsubMiddleware, legacyIntegrationSources);
|
|
6612
6612
|
})];
|
|
6613
6613
|
case 4:
|
|
@@ -6620,7 +6620,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
|
|
|
6620
6620
|
legacyDestinations = _e;
|
|
6621
6621
|
if (!cdnSettings.legacyVideoPluginsEnabled) return [3 /*break*/, 8];
|
|
6622
6622
|
return [4 /*yield*/, import(
|
|
6623
|
-
/* webpackChunkName: "legacyVideos" */ './fthry_index.
|
|
6623
|
+
/* webpackChunkName: "legacyVideos" */ './fthry_index.BVel2niO.js').then(function (mod) {
|
|
6624
6624
|
return mod.loadLegacyVideoPlugins(analytics);
|
|
6625
6625
|
})];
|
|
6626
6626
|
case 7:
|
|
@@ -6629,7 +6629,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
|
|
|
6629
6629
|
case 8:
|
|
6630
6630
|
if (!((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track)) return [3 /*break*/, 10];
|
|
6631
6631
|
return [4 /*yield*/, import(
|
|
6632
|
-
/* webpackChunkName: "schemaFilter" */ './fthry_index.
|
|
6632
|
+
/* webpackChunkName: "schemaFilter" */ './fthry_index.BNI7esZW.js').then(function (mod) {
|
|
6633
6633
|
var _a;
|
|
6634
6634
|
return mod.schemaFilter((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track, cdnSettings);
|
|
6635
6635
|
})];
|
|
@@ -6674,7 +6674,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
|
|
|
6674
6674
|
return enabled;
|
|
6675
6675
|
})) return [3 /*break*/, 18];
|
|
6676
6676
|
return [4 /*yield*/, import(
|
|
6677
|
-
/* webpackChunkName: "remoteMiddleware" */ './fthry_index.
|
|
6677
|
+
/* webpackChunkName: "remoteMiddleware" */ './fthry_index.BvVpLT4a.js').then(function (_a) {
|
|
6678
6678
|
var remoteMiddlewares = _a.remoteMiddlewares;
|
|
6679
6679
|
return __awaiter(_this, void 0, void 0, function () {
|
|
6680
6680
|
var middleware, promises;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, o as FeatheryClient, H as debounce } from './fthry_index.
|
|
1
|
+
import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, o as FeatheryClient, H as debounce } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useRef, useEffect, memo, useState, useCallback } from 'react';
|
|
3
|
-
import { P as Placeholder } from './fthry_Placeholder.
|
|
4
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
5
|
-
import { O as Overlay } from './fthry_Overlay.
|
|
6
|
-
import { u as useElementSize } from './fthry_useElementSize.
|
|
3
|
+
import { P as Placeholder } from './fthry_Placeholder.B5Uev0Hf.js';
|
|
4
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
5
|
+
import { O as Overlay } from './fthry_Overlay.WQzZD-pG.js';
|
|
6
|
+
import { u as useElementSize } from './fthry_useElementSize.4Go4WPjc.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import 'react-dom/client';
|
|
9
9
|
import 'jszip';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as featheryWindow, j as jsxs, _ as __assign, a as jsx, c as __read, u as useBorder, h as hoverStylesGuard, P as isNum } from './fthry_index.
|
|
1
|
+
import { p as featheryWindow, j as jsxs, _ as __assign, a as jsx, c as __read, u as useBorder, h as hoverStylesGuard, P as isNum } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useRef, useCallback, useEffect, useState } from 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-dom/client';
|
|
@@ -875,12 +875,7 @@ function OtpInput(_a) {
|
|
|
875
875
|
}
|
|
876
876
|
function PinInputField(_a) {
|
|
877
877
|
var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.fieldVal, fieldVal = _c === void 0 ? '' : _c, editMode = _a.editMode, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onEnter, onEnter = _e === void 0 ? function () { } : _e, _f = _a.elementProps, elementProps = _f === void 0 ? {} : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, autoComplete = _a.autoComplete, children = _a.children;
|
|
878
|
-
return (jsxs("div", __assign({ style: {
|
|
879
|
-
display: 'flex',
|
|
880
|
-
position: 'relative',
|
|
881
|
-
flexDirection: 'column',
|
|
882
|
-
pointerEvents: editMode ? 'none' : 'auto'
|
|
883
|
-
} }, elementProps, { children: [children, fieldLabel, jsx(OtpInput, { autoFocus: autoFocus, value: fieldVal, responsiveStyles: responsiveStyles, element: element, onChange: onChange, onEnter: onEnter, inlineError: inlineError, disabled: disabled, autoComplete: autoComplete })] })));
|
|
878
|
+
return (jsxs("div", __assign({ style: __assign({ display: 'flex', position: 'relative', flexDirection: 'column', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, jsx(OtpInput, { autoFocus: autoFocus, value: fieldVal, responsiveStyles: responsiveStyles, element: element, onChange: onChange, onEnter: onEnter, inlineError: inlineError, disabled: disabled, autoComplete: autoComplete })] })));
|
|
884
879
|
}
|
|
885
880
|
|
|
886
881
|
export { PinInputField as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as gracefulDecodeURIComponent, b as isPlainObject } from './fthry_index.
|
|
2
|
-
import './fthry_index.
|
|
1
|
+
import { a as gracefulDecodeURIComponent, b as isPlainObject } from './fthry_index.Dd7eFDCJ.js';
|
|
2
|
+
import './fthry_index.BJU0heSD.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react-dom/client';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { j as jsxs, _ as __assign, a as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, y as getFieldValue, z as stringifyWithNull, h as hoverStylesGuard, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles, A as emailPatternStr } from './fthry_index.
|
|
1
|
+
import { j as jsxs, _ as __assign, a as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, y as getFieldValue, z as stringifyWithNull, h as hoverStylesGuard, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles, A as emailPatternStr } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { memo, useRef, useState } from 'react';
|
|
3
|
-
import { P as Placeholder } from './fthry_Placeholder.
|
|
4
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
5
|
-
import { O as Overlay } from './fthry_Overlay.
|
|
6
|
-
import { u as useElementSize } from './fthry_useElementSize.
|
|
7
|
-
import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.
|
|
8
|
-
import { I as IMaskInput } from './fthry_input.
|
|
3
|
+
import { P as Placeholder } from './fthry_Placeholder.B5Uev0Hf.js';
|
|
4
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
5
|
+
import { O as Overlay } from './fthry_Overlay.WQzZD-pG.js';
|
|
6
|
+
import { u as useElementSize } from './fthry_useElementSize.4Go4WPjc.js';
|
|
7
|
+
import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.VelEMRit.js';
|
|
8
|
+
import { I as IMaskInput } from './fthry_input.CQrUAwEK.js';
|
|
9
9
|
import 'react/jsx-runtime';
|
|
10
10
|
import 'react-dom/client';
|
|
11
11
|
import 'jszip';
|
|
12
12
|
import 'react-dom';
|
|
13
|
-
import './fthry_index.
|
|
13
|
+
import './fthry_index.dprry_I4.js';
|
|
14
14
|
|
|
15
15
|
function TextAutocomplete(_a) {
|
|
16
16
|
var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.
|
|
1
|
+
import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
|
|
3
|
-
import { P as Placeholder } from './fthry_Placeholder.
|
|
4
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
5
|
-
import { O as Overlay } from './fthry_Overlay.
|
|
6
|
-
import { u as useElementSize } from './fthry_useElementSize.
|
|
3
|
+
import { P as Placeholder } from './fthry_Placeholder.B5Uev0Hf.js';
|
|
4
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
5
|
+
import { O as Overlay } from './fthry_Overlay.WQzZD-pG.js';
|
|
6
|
+
import { u as useElementSize } from './fthry_useElementSize.4Go4WPjc.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import 'react-dom/client';
|
|
9
9
|
import 'jszip';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as jsx, _ as __assign, j as jsxs, c as __read, l as __awaiter, m as __generator, p as featheryWindow, q as Fragment, E as ErrorInput } from './fthry_index.
|
|
1
|
+
import { a as jsx, _ as __assign, j as jsxs, c as __read, l as __awaiter, m as __generator, p as featheryWindow, q as Fragment, E as ErrorInput } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useRef, useState, useEffect, memo, useMemo } from 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-dom/client';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.
|
|
1
|
+
import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useRef, useState, useMemo } from 'react';
|
|
3
|
-
import { F as FormControl } from './fthry_FormControl.
|
|
4
|
-
import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.
|
|
5
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
6
|
-
import { u as useSalesforceSync } from './fthry_useSalesforceSync.
|
|
3
|
+
import { F as FormControl } from './fthry_FormControl.DCwDKF5L.js';
|
|
4
|
+
import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CChlfvU8.js';
|
|
5
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
6
|
+
import { u as useSalesforceSync } from './fthry_useSalesforceSync.CiAAPPRZ.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import 'react-dom/client';
|
|
9
9
|
import 'jszip';
|
|
10
10
|
import 'react-dom';
|
|
11
|
-
import './fthry_Overlay.
|
|
11
|
+
import './fthry_Overlay.WQzZD-pG.js';
|
|
12
12
|
|
|
13
13
|
var applyRadioGroupStyles = function (element, responsiveStyles) {
|
|
14
14
|
responsiveStyles.addTargets('radioGroup');
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.
|
|
1
|
+
import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { memo, useState, useRef } from 'react';
|
|
3
|
-
import { P as Placeholder } from './fthry_Placeholder.
|
|
4
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
3
|
+
import { P as Placeholder } from './fthry_Placeholder.B5Uev0Hf.js';
|
|
4
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import 'react-dom/client';
|
|
7
7
|
import 'jszip';
|
|
8
8
|
import 'react-dom';
|
|
9
|
-
import './fthry_Overlay.
|
|
9
|
+
import './fthry_Overlay.WQzZD-pG.js';
|
|
10
10
|
|
|
11
11
|
function TextArea(_a) {
|
|
12
12
|
var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { k as __rest, a as jsx, _ as __assign, j as jsxs, c as __read, t as featheryDoc, q as Fragment$1, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.
|
|
1
|
+
import { k as __rest, a as jsx, _ as __assign, j as jsxs, c as __read, t as featheryDoc, q as Fragment$1, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { Fragment, useState, useRef, useEffect, useCallback, useMemo } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.
|
|
1
|
+
import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useRef, useMemo, useEffect } from 'react';
|
|
3
|
-
import { F as FormControl } from './fthry_FormControl.
|
|
4
|
-
import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.
|
|
5
|
-
import { I as InlineTooltip } from './fthry_InlineTooltip.
|
|
6
|
-
import { u as useSalesforceSync } from './fthry_useSalesforceSync.
|
|
3
|
+
import { F as FormControl } from './fthry_FormControl.DCwDKF5L.js';
|
|
4
|
+
import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CChlfvU8.js';
|
|
5
|
+
import { I as InlineTooltip } from './fthry_InlineTooltip.DSg3W6ZM.js';
|
|
6
|
+
import { u as useSalesforceSync } from './fthry_useSalesforceSync.CiAAPPRZ.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import 'react-dom/client';
|
|
9
9
|
import 'jszip';
|
|
10
10
|
import 'react-dom';
|
|
11
|
-
import './fthry_Overlay.
|
|
11
|
+
import './fthry_Overlay.WQzZD-pG.js';
|
|
12
12
|
|
|
13
13
|
var applyCheckboxGroupStyles = function (element, responsiveStyles) {
|
|
14
14
|
responsiveStyles.addTargets('checkboxGroup');
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { u as Mermaid } from './fthry_AssistantChat.
|
|
2
|
-
import './fthry_index.
|
|
1
|
+
export { u as Mermaid } from './fthry_AssistantChat.BkXGuxFc.js';
|
|
2
|
+
import './fthry_index.BJU0heSD.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react-dom/client';
|
|
6
6
|
import 'jszip';
|
|
7
7
|
import 'react-dom';
|
|
8
8
|
import './fthry_clsx.ChV9xqsO.js';
|
|
9
|
-
import './fthry_index.
|
|
9
|
+
import './fthry_index.DNX_yPZC.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useState, useMemo } from 'react';
|
|
3
|
-
import { C as getDefaultExportFromCjs, j as jsxs, q as Fragment, a as jsx, G as Global, e as css, g as __makeTemplateObject } from './fthry_index.
|
|
3
|
+
import { C as getDefaultExportFromCjs, j as jsxs, q as Fragment, a as jsx, G as Global, e as css, g as __makeTemplateObject } from './fthry_index.BJU0heSD.js';
|
|
4
4
|
import { flushSync } from 'react-dom';
|
|
5
5
|
|
|
6
6
|
function canUseDom() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as __read, l as __awaiter, m as __generator, o as FeatheryClient } from './fthry_index.
|
|
1
|
+
import { c as __read, l as __awaiter, m as __generator, o as FeatheryClient } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
3
|
|
|
4
4
|
function useSalesforceSync(salesforceSync, editMode) {
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { FormContext } from './types/Form';
|
|
|
7
7
|
import LoginForm from './auth/LoginForm';
|
|
8
8
|
import useAuthClient from './auth/useAuthClient';
|
|
9
9
|
import { AssistantChat } from './assistant';
|
|
10
|
+
import { resolveLabelStyle } from './elements/utils/labelStyleResolver';
|
|
10
11
|
import './utils/polyfills';
|
|
11
12
|
/**
|
|
12
13
|
* Utility function which renders a form with the provided props in the DOM element with the provided ID.
|
|
@@ -204,7 +205,7 @@ declare const Feathery: {
|
|
|
204
205
|
getFieldValues: typeof getFieldValues;
|
|
205
206
|
renderAt: typeof renderAt;
|
|
206
207
|
};
|
|
207
|
-
export { Form, Elements, init, updateUserId, updateTheme, setFieldValues, getFieldValues, renderAt, LoginForm, useAuthClient, AssistantChat, Feathery, StyledContainer };
|
|
208
|
+
export { Form, Elements, init, updateUserId, updateTheme, setFieldValues, getFieldValues, resolveLabelStyle, renderAt, LoginForm, useAuthClient, AssistantChat, Feathery, StyledContainer };
|
|
208
209
|
export type { OPERATOR_CODE, FormContext };
|
|
209
210
|
export type { StyledContainerProps } from './Form/grid/StyledContainer';
|
|
210
211
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,EAAE,EAAU,KAAK,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvE;AAGD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASb,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,EACd,QAAQ,EACR,SAAS,EACT,aAAa,EACb,aAAa,EACb,QAAQ,EACR,eAAe,EAChB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAC3C,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,EAAE,EAAU,KAAK,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvE;AAGD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASb,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,aAAa,EACb,QAAQ,EACR,eAAe,EAChB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAC3C,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { aS as AssistantChat, aI as Elements, aT as Feathery, aH as Form, aQ as LoginForm, aU as StyledContainer, aN as getFieldValues, aJ as init, aP as renderAt, aO as resolveLabelStyle, aM as setFieldValues, aL as updateTheme, aK as updateUserId, aR as useAuthClient } from './fthry_index.BJU0heSD.js';
|
|
2
2
|
import 'react-dom/client';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[861],{66705:(e,t,n)=>{n.r(t),n.d(t,{default:()=>B});var o=n(35944),r=n(67294),i=n(20426),a="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>0;function c(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent&&e.attachEvent("on".concat(t),(function(){n(window.event)}))}function l(e,t){for(var n=t.slice(0,t.length-1),o=0;o<n.length;o++)n[o]=e[n[o].toLowerCase()];return n}function u(e){"string"!=typeof e&&(e="");for(var t=(e=e.replace(/\s/g,"")).split(","),n=t.lastIndexOf("");n>=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}for(var s={backspace:8,tab:9,clear:12,enter:13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":a?173:189,"=":a?61:187,";":a?59:186,"'":222,"[":219,"]":221,"\\":220},f={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91},d={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},p={16:!1,18:!1,17:!1,91:!1},v={},y=1;y<20;y++)s["f".concat(y)]=111+y;var h=[],g=!1,m="all",b=[],k=function(e){return s[e.toLowerCase()]||f[e.toLowerCase()]||e.toUpperCase().charCodeAt(0)};function w(e){m=e||"all"}function O(){return m||"all"}var E=function(e){var t=e.key,n=e.scope,o=e.method,r=e.splitKey,i=void 0===r?"+":r;u(t).forEach((function(e){var t=e.split(i),r=t.length,a=t[r-1],c="*"===a?"*":k(a);if(v[c]){n||(n=O());var u=r>1?l(f,t):[];v[c]=v[c].filter((function(e){return!((!o||e.method===o)&&e.scope===n&&function(e,t){for(var n=e.length>=t.length?e:t,o=e.length>=t.length?t:e,r=!0,i=0;i<n.length;i++)-1===o.indexOf(n[i])&&(r=!1);return r}(e.mods,u))}))}}))};function C(e,t,n,o){var r;if(t.element===o&&(t.scope===n||"all"===t.scope)){for(var i in r=t.mods.length>0,p)Object.prototype.hasOwnProperty.call(p,i)&&(!p[i]&&t.mods.indexOf(+i)>-1||p[i]&&-1===t.mods.indexOf(+i))&&(r=!1);(0!==t.mods.length||p[16]||p[18]||p[17]||p[91])&&!r&&"*"!==t.shortcut||!1===t.method(e,t)&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function x(e,t){var n=v["*"],o=e.keyCode||e.which||e.charCode;if(K.filter.call(this,e)){if(93!==o&&224!==o||(o=91),-1===h.indexOf(o)&&229!==o&&h.push(o),["ctrlKey","altKey","shiftKey","metaKey"].forEach((function(t){var n=d[t];e[t]&&-1===h.indexOf(n)?h.push(n):!e[t]&&h.indexOf(n)>-1?h.splice(h.indexOf(n),1):"metaKey"===t&&e[t]&&3===h.length&&(e.ctrlKey||e.shiftKey||e.altKey||(h=h.slice(h.indexOf(n))))})),o in p){for(var r in p[o]=!0,f)f[r]===o&&(K[r]=!0);if(!n)return}for(var i in p)Object.prototype.hasOwnProperty.call(p,i)&&(p[i]=e[d[i]]);e.getModifierState&&(!e.altKey||e.ctrlKey)&&e.getModifierState("AltGraph")&&(-1===h.indexOf(17)&&h.push(17),-1===h.indexOf(18)&&h.push(18),p[17]=!0,p[18]=!0);var a=O();if(n)for(var c=0;c<n.length;c++)n[c].scope===a&&("keydown"===e.type&&n[c].keydown||"keyup"===e.type&&n[c].keyup)&&C(e,n[c],a,t);if(o in v)for(var l=0;l<v[o].length;l++)if(("keydown"===e.type&&v[o][l].keydown||"keyup"===e.type&&v[o][l].keyup)&&v[o][l].key){for(var u=v[o][l],s=u.splitKey,y=u.key.split(s),g=[],m=0;m<y.length;m++)g.push(k(y[m]));g.sort().join("")===h.sort().join("")&&C(e,u,a,t)}}}function K(e,t,n){h=[];var o=u(e),r=[],i="all",a=document,s=0,d=!1,y=!0,m="+",w=!1;for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(d=t.keyup),void 0!==t.keydown&&(y=t.keydown),void 0!==t.capture&&(w=t.capture),"string"==typeof t.splitKey&&(m=t.splitKey)),"string"==typeof t&&(i=t);s<o.length;s++)r=[],(e=o[s].split(m)).length>1&&(r=l(f,e)),(e="*"===(e=e[e.length-1])?"*":k(e))in v||(v[e]=[]),v[e].push({keyup:d,keydown:y,scope:i,mods:r,shortcut:o[s],method:n,key:o[s],splitKey:m,element:a});void 0!==a&&!function(e){return b.indexOf(e)>-1}(a)&&window&&(b.push(a),c(a,"keydown",(function(e){x(e,a)}),w),g||(g=!0,c(window,"focus",(function(){h=[]}),w)),c(a,"keyup",(function(e){x(e,a),function(e){var t=e.keyCode||e.which||e.charCode,n=h.indexOf(t);if(n>=0&&h.splice(n,1),e.key&&"meta"===e.key.toLowerCase()&&h.splice(0,h.length),93!==t&&224!==t||(t=91),t in p)for(var o in p[t]=!1,f)f[o]===t&&(K[o]=!1)}(e)}),w))}var S={setScope:w,getScope:O,deleteScope:function(e,t){var n,o;for(var r in e||(e=O()),v)if(Object.prototype.hasOwnProperty.call(v,r))for(n=v[r],o=0;o<n.length;)n[o].scope===e?n.splice(o,1):o++;O()===e&&w(t||"all")},getPressedKeyCodes:function(){return h.slice(0)},isPressed:function(e){return"string"==typeof e&&(e=k(e)),-1!==h.indexOf(e)},filter:function(e){var t=e.target||e.srcElement,n=t.tagName,o=!0;return!t.isContentEditable&&("INPUT"!==n&&"TEXTAREA"!==n&&"SELECT"!==n||t.readOnly)||(o=!1),o},trigger:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"all";Object.keys(v).forEach((function(n){var o=v[n].find((function(n){return n.scope===t&&n.shortcut===e}));o&&o.method&&o.method()}))},unbind:function(e){if(e){if(Array.isArray(e))e.forEach((function(e){e.key&&E(e)}));else if("object"==typeof e)e.key&&E(e);else if("string"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var r=n[0],i=n[1];"function"==typeof r&&(i=r,r=""),E({key:e,scope:r,method:i,splitKey:"+"})}}else Object.keys(v).forEach((function(e){return delete v[e]}))},keyMap:s,modifier:f,modifierMap:d};for(var P in S)Object.prototype.hasOwnProperty.call(S,P)&&(K[P]=S[P]);if("undefined"!=typeof window){var T=window.hotkeys;K.noConflict=function(e){return e&&window.hotkeys===K&&(window.hotkeys=T),K},window.hotkeys=K}K.filter=function(){return!0};var _=function(e,t){var n=e.target,o=n&&n.tagName;return Boolean(o&&t&&t.includes(o))};K.isPressed;var A=n(6867),j=n(39479),D=function(){return D=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},D.apply(this,arguments)},I=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a};function N(e){var t=e.index,n=e.focus,i=e.value,a=e.onChange,c=e.onEnter,l=e.onInput,u=e.paste,s=e.onPaste,f=e.onFocus,d=e.onBlur,p=e.element,v=e.responsiveStyles,y=e.inlineError,h=e.changeCodeAtFocus,g=e.focusPrevInput,m=e.focusNextInput,b=e.isFocused,k=e.disabled,w=e.autoComplete,O=(0,r.useRef)(null);(0,r.useEffect)((function(){var e=O.current;e&&n&&(e.focus(),e.select(),u&&(e.selectionStart=e.selectionEnd))}),[n,O]);var E=(0,A.Z)({element:p,error:y,breakpoint:v.getMobileBreakpoint()}),C=E.borderStyles,x=E.customBorder;return function(e,t,n,o){n instanceof Array&&(o=n,n=void 0);var i=n||{},a=i.enableOnTags,c=i.filter,l=i.keyup,u=i.keydown,s=i.filterPreventDefault,f=void 0===s||s,d=i.enabled,p=void 0===d||d,v=i.enableOnContentEditable,y=void 0!==v&&v,h=(0,r.useRef)(null),g=(0,r.useCallback)((function(e,n){var o;return c&&!c(e)?!f:!!(_(e,["INPUT","TEXTAREA","SELECT"])&&!_(e,a)||null!=(o=e.target)&&o.isContentEditable&&!y)||(null===h.current||document.activeElement===h.current)&&(t(e,n),!0)}),o?[h,a,c].concat(o):[h,a,c]);(0,r.useEffect)((function(){if(p)return l&&!0!==u&&(n.keydown=!1),K(e,n||{},g),function(){return K.unbind(e,g)};K.unbind(e,g)}),[g,e,p])}("enter, backspace, delete, left, right, space",(function(e,t){if(b)switch(t.key){case"enter":e.preventDefault(),n&&c(e);break;case"backspace":e.preventDefault(),h(""),g();break;case"delete":e.preventDefault(),h("");break;case"left":e.preventDefault(),g();break;case"right":e.preventDefault(),m();break;case"space":e.preventDefault()}}),{enableOnTags:["INPUT"]}),(0,o.BX)("div",D({css:D(D(D({position:"relative",display:"flex",alignItems:"center",marginLeft:0===t?0:"8px"},v.getTarget("sub-fc")),k?v.getTarget("disabled"):{}),{"&:hover":(0,j.wL)(k?{}:D(D({},v.getTarget("hover")),C.hover)),"&&":n?D(D({},v.getTarget("active")),C.active):{}})},{children:[x,(0,o.tZ)("input",{id:"".concat(p.servar.key,"-").concat(t),name:p.servar.key,"aria-label":"".concat(0===t?"Please enter verification code. ":"","Digit ").concat(t+1),css:D({position:"relative",textAlign:"center",outline:"none",border:"none",background:"none",height:"100%",width:"100%"},v.getTarget("field")),autoComplete:"on"===w?"one-time-code":"new-password",inputMode:"numeric",disabled:k,ref:O,value:i||"",onChange:a,onInput:l,onPaste:s,onFocus:f,onBlur:d})]}))}var F=function(e){return e.toString().split("")};function L(e){var t=e.element,n=e.responsiveStyles,a=e.autoFocus,c=e.onChange,l=e.onEnter,u=e.value,s=e.disabled,f=e.autoComplete,d=e.inlineError,p=I((0,r.useState)(a?0:-1),2),v=p[0],y=p[1],h=I((0,r.useState)(!1),2),g=h[0],m=h[1],b=I((0,r.useState)(F(u)),2),k=b[0],w=b[1];(0,r.useEffect)((function(){u!==k&&w(F(u))}),[u]);var O,E,C=function(e){w(e),c(e.filter(Boolean).join(""))},x=t.servar.max_length,K=function(e){y(Math.max(Math.min(x-1,e),0))},S=function(){K(v+1)},P=function(){K(v-1)},T=function(e){var t=JSON.parse(JSON.stringify(k));t[v]=e[0],C(t)},_=function(e){if(!e.some((function(e){return isNaN(parseInt(e,10))}))){for(var t=JSON.parse(JSON.stringify(k)),n=v,o=0;o<x;++o)o>=v&&e.length>0&&(t[o]=e.shift(),n++);y(n),K(n),C(t)}};O=function(e){var t=e.slice(0,x-v).split("");_(t),v+t.length>=x&&m(!0)},E=(0,r.useRef)(O),(0,r.useEffect)((function(){E.current=O}),[O]),(0,r.useEffect)((function(){if("OTPCredential"in(0,j.Kv)()){var e=new AbortController;return navigator.credentials.get({otp:{transport:["sms"]},signal:e.signal}).then((function(e){E.current(e.code)})).catch((function(e){console.log(e)})),function(){e.abort()}}console.log("WebOTP API not supported")}),[]);var A=function(e){e.preventDefault();var t=e.clipboardData.getData("text/plain").slice(0,x-v).split(""),n=t.length;_(t),v+n>=x&&m(!0)},L=function(e){var t=e.target.value;_(t.split(""))},B=function(e){(function(e){return(0,i.e9)(e,10)&&1===e.trim().length})(e.target.value)&&S()};return(0,o.tZ)("div",D({css:D({display:"flex",flexDirection:"row"},n.getTarget("fc"))},{children:function(){for(var e=[],r=function(r){var i=r===x-1;e.push((0,o.tZ)(N,{index:r,focus:v===r,value:k[r],onChange:L,onEnter:i?l:function(){},onInput:B,paste:g,onPaste:A,onFocus:function(e){y(r),m(!1),e.target.select()},onBlur:function(){return y(-1)},element:t,responsiveStyles:n,inlineError:d,changeCodeAtFocus:T,focusPrevInput:P,focusNextInput:S,isFocused:v>-1,disabled:s,autoComplete:f},"".concat(t.servar.key,"-").concat(r)))},i=0;i<x;i++)r(i);return e}()}))}const B=function(e){var t=e.element,n=e.responsiveStyles,r=e.fieldLabel,i=e.inlineError,a=e.autoFocus,c=void 0!==a&&a,l=e.fieldVal,u=void 0===l?"":l,s=e.editMode,f=e.onChange,d=void 0===f?function(){}:f,p=e.onEnter,v=void 0===p?function(){}:p,y=e.elementProps,h=void 0===y?{}:y,g=e.disabled,m=void 0!==g&&g,b=e.autoComplete,k=e.children;return(0,o.BX)("div",D({style:{display:"flex",position:"relative",flexDirection:"column",pointerEvents:s?"none":"auto"}},h,{children:[k,r,(0,o.tZ)(L,{autoFocus:c,value:u,responsiveStyles:n,element:t,onChange:d,onEnter:v,inlineError:i,disabled:m,autoComplete:b})]}))}}}]);
|
|
1
|
+
"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[861],{66705:(e,t,n)=>{n.r(t),n.d(t,{default:()=>B});var o=n(35944),r=n(67294),i=n(20426),a="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>0;function c(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent&&e.attachEvent("on".concat(t),(function(){n(window.event)}))}function l(e,t){for(var n=t.slice(0,t.length-1),o=0;o<n.length;o++)n[o]=e[n[o].toLowerCase()];return n}function u(e){"string"!=typeof e&&(e="");for(var t=(e=e.replace(/\s/g,"")).split(","),n=t.lastIndexOf("");n>=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}for(var s={backspace:8,tab:9,clear:12,enter:13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":a?173:189,"=":a?61:187,";":a?59:186,"'":222,"[":219,"]":221,"\\":220},f={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91},d={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},p={16:!1,18:!1,17:!1,91:!1},v={},y=1;y<20;y++)s["f".concat(y)]=111+y;var h=[],g=!1,m="all",b=[],k=function(e){return s[e.toLowerCase()]||f[e.toLowerCase()]||e.toUpperCase().charCodeAt(0)};function w(e){m=e||"all"}function O(){return m||"all"}var E=function(e){var t=e.key,n=e.scope,o=e.method,r=e.splitKey,i=void 0===r?"+":r;u(t).forEach((function(e){var t=e.split(i),r=t.length,a=t[r-1],c="*"===a?"*":k(a);if(v[c]){n||(n=O());var u=r>1?l(f,t):[];v[c]=v[c].filter((function(e){return!((!o||e.method===o)&&e.scope===n&&function(e,t){for(var n=e.length>=t.length?e:t,o=e.length>=t.length?t:e,r=!0,i=0;i<n.length;i++)-1===o.indexOf(n[i])&&(r=!1);return r}(e.mods,u))}))}}))};function C(e,t,n,o){var r;if(t.element===o&&(t.scope===n||"all"===t.scope)){for(var i in r=t.mods.length>0,p)Object.prototype.hasOwnProperty.call(p,i)&&(!p[i]&&t.mods.indexOf(+i)>-1||p[i]&&-1===t.mods.indexOf(+i))&&(r=!1);(0!==t.mods.length||p[16]||p[18]||p[17]||p[91])&&!r&&"*"!==t.shortcut||!1===t.method(e,t)&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function x(e,t){var n=v["*"],o=e.keyCode||e.which||e.charCode;if(K.filter.call(this,e)){if(93!==o&&224!==o||(o=91),-1===h.indexOf(o)&&229!==o&&h.push(o),["ctrlKey","altKey","shiftKey","metaKey"].forEach((function(t){var n=d[t];e[t]&&-1===h.indexOf(n)?h.push(n):!e[t]&&h.indexOf(n)>-1?h.splice(h.indexOf(n),1):"metaKey"===t&&e[t]&&3===h.length&&(e.ctrlKey||e.shiftKey||e.altKey||(h=h.slice(h.indexOf(n))))})),o in p){for(var r in p[o]=!0,f)f[r]===o&&(K[r]=!0);if(!n)return}for(var i in p)Object.prototype.hasOwnProperty.call(p,i)&&(p[i]=e[d[i]]);e.getModifierState&&(!e.altKey||e.ctrlKey)&&e.getModifierState("AltGraph")&&(-1===h.indexOf(17)&&h.push(17),-1===h.indexOf(18)&&h.push(18),p[17]=!0,p[18]=!0);var a=O();if(n)for(var c=0;c<n.length;c++)n[c].scope===a&&("keydown"===e.type&&n[c].keydown||"keyup"===e.type&&n[c].keyup)&&C(e,n[c],a,t);if(o in v)for(var l=0;l<v[o].length;l++)if(("keydown"===e.type&&v[o][l].keydown||"keyup"===e.type&&v[o][l].keyup)&&v[o][l].key){for(var u=v[o][l],s=u.splitKey,y=u.key.split(s),g=[],m=0;m<y.length;m++)g.push(k(y[m]));g.sort().join("")===h.sort().join("")&&C(e,u,a,t)}}}function K(e,t,n){h=[];var o=u(e),r=[],i="all",a=document,s=0,d=!1,y=!0,m="+",w=!1;for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(d=t.keyup),void 0!==t.keydown&&(y=t.keydown),void 0!==t.capture&&(w=t.capture),"string"==typeof t.splitKey&&(m=t.splitKey)),"string"==typeof t&&(i=t);s<o.length;s++)r=[],(e=o[s].split(m)).length>1&&(r=l(f,e)),(e="*"===(e=e[e.length-1])?"*":k(e))in v||(v[e]=[]),v[e].push({keyup:d,keydown:y,scope:i,mods:r,shortcut:o[s],method:n,key:o[s],splitKey:m,element:a});void 0!==a&&!function(e){return b.indexOf(e)>-1}(a)&&window&&(b.push(a),c(a,"keydown",(function(e){x(e,a)}),w),g||(g=!0,c(window,"focus",(function(){h=[]}),w)),c(a,"keyup",(function(e){x(e,a),function(e){var t=e.keyCode||e.which||e.charCode,n=h.indexOf(t);if(n>=0&&h.splice(n,1),e.key&&"meta"===e.key.toLowerCase()&&h.splice(0,h.length),93!==t&&224!==t||(t=91),t in p)for(var o in p[t]=!1,f)f[o]===t&&(K[o]=!1)}(e)}),w))}var S={setScope:w,getScope:O,deleteScope:function(e,t){var n,o;for(var r in e||(e=O()),v)if(Object.prototype.hasOwnProperty.call(v,r))for(n=v[r],o=0;o<n.length;)n[o].scope===e?n.splice(o,1):o++;O()===e&&w(t||"all")},getPressedKeyCodes:function(){return h.slice(0)},isPressed:function(e){return"string"==typeof e&&(e=k(e)),-1!==h.indexOf(e)},filter:function(e){var t=e.target||e.srcElement,n=t.tagName,o=!0;return!t.isContentEditable&&("INPUT"!==n&&"TEXTAREA"!==n&&"SELECT"!==n||t.readOnly)||(o=!1),o},trigger:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"all";Object.keys(v).forEach((function(n){var o=v[n].find((function(n){return n.scope===t&&n.shortcut===e}));o&&o.method&&o.method()}))},unbind:function(e){if(e){if(Array.isArray(e))e.forEach((function(e){e.key&&E(e)}));else if("object"==typeof e)e.key&&E(e);else if("string"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var r=n[0],i=n[1];"function"==typeof r&&(i=r,r=""),E({key:e,scope:r,method:i,splitKey:"+"})}}else Object.keys(v).forEach((function(e){return delete v[e]}))},keyMap:s,modifier:f,modifierMap:d};for(var P in S)Object.prototype.hasOwnProperty.call(S,P)&&(K[P]=S[P]);if("undefined"!=typeof window){var T=window.hotkeys;K.noConflict=function(e){return e&&window.hotkeys===K&&(window.hotkeys=T),K},window.hotkeys=K}K.filter=function(){return!0};var _=function(e,t){var n=e.target,o=n&&n.tagName;return Boolean(o&&t&&t.includes(o))};K.isPressed;var A=n(6867),j=n(39479),D=function(){return D=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},D.apply(this,arguments)},I=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a};function N(e){var t=e.index,n=e.focus,i=e.value,a=e.onChange,c=e.onEnter,l=e.onInput,u=e.paste,s=e.onPaste,f=e.onFocus,d=e.onBlur,p=e.element,v=e.responsiveStyles,y=e.inlineError,h=e.changeCodeAtFocus,g=e.focusPrevInput,m=e.focusNextInput,b=e.isFocused,k=e.disabled,w=e.autoComplete,O=(0,r.useRef)(null);(0,r.useEffect)((function(){var e=O.current;e&&n&&(e.focus(),e.select(),u&&(e.selectionStart=e.selectionEnd))}),[n,O]);var E=(0,A.Z)({element:p,error:y,breakpoint:v.getMobileBreakpoint()}),C=E.borderStyles,x=E.customBorder;return function(e,t,n,o){n instanceof Array&&(o=n,n=void 0);var i=n||{},a=i.enableOnTags,c=i.filter,l=i.keyup,u=i.keydown,s=i.filterPreventDefault,f=void 0===s||s,d=i.enabled,p=void 0===d||d,v=i.enableOnContentEditable,y=void 0!==v&&v,h=(0,r.useRef)(null),g=(0,r.useCallback)((function(e,n){var o;return c&&!c(e)?!f:!!(_(e,["INPUT","TEXTAREA","SELECT"])&&!_(e,a)||null!=(o=e.target)&&o.isContentEditable&&!y)||(null===h.current||document.activeElement===h.current)&&(t(e,n),!0)}),o?[h,a,c].concat(o):[h,a,c]);(0,r.useEffect)((function(){if(p)return l&&!0!==u&&(n.keydown=!1),K(e,n||{},g),function(){return K.unbind(e,g)};K.unbind(e,g)}),[g,e,p])}("enter, backspace, delete, left, right, space",(function(e,t){if(b)switch(t.key){case"enter":e.preventDefault(),n&&c(e);break;case"backspace":e.preventDefault(),h(""),g();break;case"delete":e.preventDefault(),h("");break;case"left":e.preventDefault(),g();break;case"right":e.preventDefault(),m();break;case"space":e.preventDefault()}}),{enableOnTags:["INPUT"]}),(0,o.BX)("div",D({css:D(D(D({position:"relative",display:"flex",alignItems:"center",marginLeft:0===t?0:"8px"},v.getTarget("sub-fc")),k?v.getTarget("disabled"):{}),{"&:hover":(0,j.wL)(k?{}:D(D({},v.getTarget("hover")),C.hover)),"&&":n?D(D({},v.getTarget("active")),C.active):{}})},{children:[x,(0,o.tZ)("input",{id:"".concat(p.servar.key,"-").concat(t),name:p.servar.key,"aria-label":"".concat(0===t?"Please enter verification code. ":"","Digit ").concat(t+1),css:D({position:"relative",textAlign:"center",outline:"none",border:"none",background:"none",height:"100%",width:"100%"},v.getTarget("field")),autoComplete:"on"===w?"one-time-code":"new-password",inputMode:"numeric",disabled:k,ref:O,value:i||"",onChange:a,onInput:l,onPaste:s,onFocus:f,onBlur:d})]}))}var F=function(e){return e.toString().split("")};function L(e){var t=e.element,n=e.responsiveStyles,a=e.autoFocus,c=e.onChange,l=e.onEnter,u=e.value,s=e.disabled,f=e.autoComplete,d=e.inlineError,p=I((0,r.useState)(a?0:-1),2),v=p[0],y=p[1],h=I((0,r.useState)(!1),2),g=h[0],m=h[1],b=I((0,r.useState)(F(u)),2),k=b[0],w=b[1];(0,r.useEffect)((function(){u!==k&&w(F(u))}),[u]);var O,E,C=function(e){w(e),c(e.filter(Boolean).join(""))},x=t.servar.max_length,K=function(e){y(Math.max(Math.min(x-1,e),0))},S=function(){K(v+1)},P=function(){K(v-1)},T=function(e){var t=JSON.parse(JSON.stringify(k));t[v]=e[0],C(t)},_=function(e){if(!e.some((function(e){return isNaN(parseInt(e,10))}))){for(var t=JSON.parse(JSON.stringify(k)),n=v,o=0;o<x;++o)o>=v&&e.length>0&&(t[o]=e.shift(),n++);y(n),K(n),C(t)}};O=function(e){var t=e.slice(0,x-v).split("");_(t),v+t.length>=x&&m(!0)},E=(0,r.useRef)(O),(0,r.useEffect)((function(){E.current=O}),[O]),(0,r.useEffect)((function(){if("OTPCredential"in(0,j.Kv)()){var e=new AbortController;return navigator.credentials.get({otp:{transport:["sms"]},signal:e.signal}).then((function(e){E.current(e.code)})).catch((function(e){console.log(e)})),function(){e.abort()}}console.log("WebOTP API not supported")}),[]);var A=function(e){e.preventDefault();var t=e.clipboardData.getData("text/plain").slice(0,x-v).split(""),n=t.length;_(t),v+n>=x&&m(!0)},L=function(e){var t=e.target.value;_(t.split(""))},B=function(e){(function(e){return(0,i.e9)(e,10)&&1===e.trim().length})(e.target.value)&&S()};return(0,o.tZ)("div",D({css:D({display:"flex",flexDirection:"row"},n.getTarget("fc"))},{children:function(){for(var e=[],r=function(r){var i=r===x-1;e.push((0,o.tZ)(N,{index:r,focus:v===r,value:k[r],onChange:L,onEnter:i?l:function(){},onInput:B,paste:g,onPaste:A,onFocus:function(e){y(r),m(!1),e.target.select()},onBlur:function(){return y(-1)},element:t,responsiveStyles:n,inlineError:d,changeCodeAtFocus:T,focusPrevInput:P,focusNextInput:S,isFocused:v>-1,disabled:s,autoComplete:f},"".concat(t.servar.key,"-").concat(r)))},i=0;i<x;i++)r(i);return e}()}))}const B=function(e){var t=e.element,n=e.responsiveStyles,r=e.fieldLabel,i=e.inlineError,a=e.autoFocus,c=void 0!==a&&a,l=e.fieldVal,u=void 0===l?"":l,s=e.editMode,f=e.onChange,d=void 0===f?function(){}:f,p=e.onEnter,v=void 0===p?function(){}:p,y=e.elementProps,h=void 0===y?{}:y,g=e.disabled,m=void 0!==g&&g,b=e.autoComplete,k=e.children;return(0,o.BX)("div",D({style:D({display:"flex",position:"relative",flexDirection:"column",pointerEvents:s?"none":"auto"},n.getTarget("fc"))},h,{children:[k,r,(0,o.tZ)(L,{autoFocus:c,value:u,responsiveStyles:n,element:t,onChange:d,onEnter:v,inlineError:i,disabled:m,autoComplete:b})]}))}}}]);
|