sales-frontend-components 0.0.261 → 0.0.262
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/dist/index.cjs.js +54 -83
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +55 -40
- package/dist/index.esm.js +53 -83
- package/dist/index.esm.js.map +1 -1
- package/package.json +8 -8
package/dist/index.cjs.js
CHANGED
|
@@ -4939,6 +4939,32 @@ function useCanvasPaint(paintProps = {}) {
|
|
|
4939
4939
|
|
|
4940
4940
|
const testSignatureBase64Data = "data:image/png;base64,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";
|
|
4941
4941
|
|
|
4942
|
+
const RivModalIframe = ({
|
|
4943
|
+
width = "100%",
|
|
4944
|
+
height = "100%",
|
|
4945
|
+
loadingComponent,
|
|
4946
|
+
isLoading = false,
|
|
4947
|
+
isOpen = false,
|
|
4948
|
+
...iframeProps
|
|
4949
|
+
}) => {
|
|
4950
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, children: [
|
|
4951
|
+
isLoading && (loadingComponent || /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Loading.Wait, { bodyText: "\uBD88\uB7EC\uC624\uB294 \uC911" })),
|
|
4952
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4953
|
+
"iframe",
|
|
4954
|
+
{
|
|
4955
|
+
width,
|
|
4956
|
+
height,
|
|
4957
|
+
allow: "camera *;",
|
|
4958
|
+
...iframeProps,
|
|
4959
|
+
style: {
|
|
4960
|
+
background: "var(--sales-color-background-100, #ffffff)",
|
|
4961
|
+
...iframeProps?.style
|
|
4962
|
+
}
|
|
4963
|
+
}
|
|
4964
|
+
)
|
|
4965
|
+
] }) });
|
|
4966
|
+
};
|
|
4967
|
+
|
|
4942
4968
|
const VERIFICATION_CODES = {
|
|
4943
4969
|
SUCCESS: "0000",
|
|
4944
4970
|
USER_CANCEL: "9000",
|
|
@@ -4967,6 +4993,7 @@ const RIV_SEARCH_PARAM_MAP = {
|
|
|
4967
4993
|
FOREIGN_REGISTRATION: "IT321"
|
|
4968
4994
|
}
|
|
4969
4995
|
};
|
|
4996
|
+
|
|
4970
4997
|
const useRemoteIdentityVerification = ({
|
|
4971
4998
|
rivEnv,
|
|
4972
4999
|
rivOrigin,
|
|
@@ -5035,12 +5062,14 @@ const useRemoteIdentityVerificationIframe = (config) => {
|
|
|
5035
5062
|
const [rivsRequestId, setRivsRequestId] = React9.useState("");
|
|
5036
5063
|
const [isCreatingUrl, setIsCreatingUrl] = React9.useState(false);
|
|
5037
5064
|
const [isIframeLoaded, setIsIframeLoaded] = React9.useState(false);
|
|
5065
|
+
const [isIframeLoading, setIsIframeLoading] = React9.useState(false);
|
|
5038
5066
|
const createIframeUrl = async () => {
|
|
5039
5067
|
if (remoteIdentityVerificationUrl || isCreatingUrl) {
|
|
5040
5068
|
return;
|
|
5041
5069
|
}
|
|
5042
5070
|
setIsCreatingUrl(true);
|
|
5043
5071
|
setIsIframeLoaded(false);
|
|
5072
|
+
setIsIframeLoading(true);
|
|
5044
5073
|
try {
|
|
5045
5074
|
const { fullUrl, rivsRequestId: rivsRequestId2 } = await createRemoteIdentityVerificationUrl();
|
|
5046
5075
|
setRemoteIdentityVerificationUrl(fullUrl);
|
|
@@ -5054,10 +5083,12 @@ const useRemoteIdentityVerificationIframe = (config) => {
|
|
|
5054
5083
|
};
|
|
5055
5084
|
const openRivIframe = async () => {
|
|
5056
5085
|
try {
|
|
5086
|
+
setIsIframeLoading(true);
|
|
5057
5087
|
await createIframeUrl();
|
|
5058
5088
|
openModal();
|
|
5059
5089
|
} catch (error) {
|
|
5060
5090
|
console.error("openRivIframe error::", error);
|
|
5091
|
+
setIsIframeLoading(false);
|
|
5061
5092
|
await salesFrontendDesignSystem.ModalUtils.alert("\uBE44\uB300\uBA74 \uC778\uC99D URL \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.");
|
|
5062
5093
|
config.onError?.(
|
|
5063
5094
|
{
|
|
@@ -5072,6 +5103,7 @@ const useRemoteIdentityVerificationIframe = (config) => {
|
|
|
5072
5103
|
setRemoteIdentityVerificationUrl("");
|
|
5073
5104
|
setRivsRequestId("");
|
|
5074
5105
|
setIsIframeLoaded(false);
|
|
5106
|
+
setIsIframeLoading(false);
|
|
5075
5107
|
closeModal();
|
|
5076
5108
|
};
|
|
5077
5109
|
React9.useEffect(() => {
|
|
@@ -5082,99 +5114,37 @@ const useRemoteIdentityVerificationIframe = (config) => {
|
|
|
5082
5114
|
MessageEventManager.getInstance().registerHandler("riv-iframe-handler", messageHandler);
|
|
5083
5115
|
return () => MessageEventManager.getInstance().unregisterHandler("riv-iframe-handler");
|
|
5084
5116
|
}, [remoteIdentityVerificationUrl, rivsRequestId]);
|
|
5085
|
-
|
|
5086
|
-
|
|
5087
|
-
|
|
5088
|
-
...iframeProps
|
|
5089
|
-
}) => {
|
|
5090
|
-
if (!remoteIdentityVerificationUrl) {
|
|
5091
|
-
return null;
|
|
5092
|
-
}
|
|
5093
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5094
|
-
"iframe",
|
|
5117
|
+
return {
|
|
5118
|
+
RivModalIframeNode: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5119
|
+
RivModalIframe,
|
|
5095
5120
|
{
|
|
5096
5121
|
src: remoteIdentityVerificationUrl,
|
|
5097
|
-
|
|
5098
|
-
|
|
5099
|
-
|
|
5100
|
-
|
|
5101
|
-
|
|
5102
|
-
}
|
|
5103
|
-
);
|
|
5104
|
-
};
|
|
5105
|
-
const RivModalIframe = ({
|
|
5106
|
-
width = "100%",
|
|
5107
|
-
height = "100%",
|
|
5108
|
-
loadingComponent,
|
|
5109
|
-
...iframeProps
|
|
5110
|
-
}) => {
|
|
5111
|
-
const isLoading = isCreatingUrl || !!remoteIdentityVerificationUrl && !isIframeLoaded;
|
|
5112
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, children: [
|
|
5113
|
-
isLoading && (loadingComponent || /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Loading.Wait, { bodyText: "\uBD88\uB7EC\uC624\uB294 \uC911" })),
|
|
5114
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5115
|
-
RivIframe,
|
|
5116
|
-
{
|
|
5117
|
-
width,
|
|
5118
|
-
height,
|
|
5119
|
-
allow: "camera *;",
|
|
5120
|
-
...iframeProps,
|
|
5121
|
-
style: {
|
|
5122
|
-
background: "var(--sales-color-background-100, #ffffff)",
|
|
5123
|
-
...iframeProps?.style
|
|
5124
|
-
}
|
|
5122
|
+
isOpen,
|
|
5123
|
+
isLoading: isIframeLoading,
|
|
5124
|
+
onLoad: () => {
|
|
5125
|
+
setIsIframeLoaded(true);
|
|
5126
|
+
setIsIframeLoading(false);
|
|
5125
5127
|
}
|
|
5126
|
-
|
|
5127
|
-
|
|
5128
|
-
};
|
|
5129
|
-
return {
|
|
5128
|
+
}
|
|
5129
|
+
),
|
|
5130
5130
|
RivModalIframe,
|
|
5131
|
-
|
|
5131
|
+
rivModalIframeProps: {
|
|
5132
|
+
src: remoteIdentityVerificationUrl,
|
|
5133
|
+
isOpen,
|
|
5134
|
+
isLoading: isIframeLoading,
|
|
5135
|
+
onLoad: () => {
|
|
5136
|
+
setIsIframeLoaded(true);
|
|
5137
|
+
setIsIframeLoading(false);
|
|
5138
|
+
}
|
|
5139
|
+
},
|
|
5132
5140
|
openRivIframe,
|
|
5133
5141
|
closeRivIframe,
|
|
5134
5142
|
remoteIdentityVerificationUrl,
|
|
5135
5143
|
isCreatingUrl,
|
|
5144
|
+
isIframeLoading,
|
|
5136
5145
|
isFullyLoaded: isIframeLoaded
|
|
5137
5146
|
};
|
|
5138
5147
|
};
|
|
5139
|
-
const useRemoteIdentityVerificationPopup = (config) => {
|
|
5140
|
-
const { createRemoteIdentityVerificationUrl, createMessageHandler } = useRemoteIdentityVerification(config);
|
|
5141
|
-
const [isCreatingUrl, setIsCreatingUrl] = React9.useState(false);
|
|
5142
|
-
const [rivsRequestId, setRivsRequestId] = React9.useState("");
|
|
5143
|
-
const popupRef = React9.useRef(null);
|
|
5144
|
-
const openPopup = async (target = "_blank", features) => {
|
|
5145
|
-
if (popupRef.current && !popupRef.current.closed) {
|
|
5146
|
-
popupRef.current.close();
|
|
5147
|
-
}
|
|
5148
|
-
setIsCreatingUrl(true);
|
|
5149
|
-
try {
|
|
5150
|
-
const { fullUrl, rivsRequestId: rivsRequestId2 } = await createRemoteIdentityVerificationUrl();
|
|
5151
|
-
const popup = window.open(fullUrl, target, features);
|
|
5152
|
-
if (!popup) {
|
|
5153
|
-
await salesFrontendDesignSystem.ModalUtils.alert("\uD31D\uC5C5\uC774 \uCC28\uB2E8\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uD31D\uC5C5\uC744 \uD5C8\uC6A9\uD574\uC8FC\uC138\uC694.");
|
|
5154
|
-
return;
|
|
5155
|
-
}
|
|
5156
|
-
setRivsRequestId(rivsRequestId2);
|
|
5157
|
-
popupRef.current = popup;
|
|
5158
|
-
} catch (error) {
|
|
5159
|
-
console.error("openPopup error::", error);
|
|
5160
|
-
await salesFrontendDesignSystem.ModalUtils.alert("\uBE44\uB300\uBA74 \uC778\uC99D URL \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.");
|
|
5161
|
-
} finally {
|
|
5162
|
-
setIsCreatingUrl(false);
|
|
5163
|
-
}
|
|
5164
|
-
};
|
|
5165
|
-
const cleanPopup = () => {
|
|
5166
|
-
popupRef.current = null;
|
|
5167
|
-
};
|
|
5168
|
-
React9.useEffect(() => {
|
|
5169
|
-
const messageHandler = createMessageHandler({ rivsRequestId }, cleanPopup);
|
|
5170
|
-
MessageEventManager.getInstance().registerHandler("riv-popup-handler", messageHandler);
|
|
5171
|
-
return () => MessageEventManager.getInstance().unregisterHandler("riv-popup-handler");
|
|
5172
|
-
}, [rivsRequestId]);
|
|
5173
|
-
return {
|
|
5174
|
-
openPopup,
|
|
5175
|
-
isCreatingUrl
|
|
5176
|
-
};
|
|
5177
|
-
};
|
|
5178
5148
|
|
|
5179
5149
|
function DudUpload() {
|
|
5180
5150
|
const [test, setTest] = React9.useState();
|
|
@@ -7067,6 +7037,7 @@ exports.JobVehicleSearchModal = JobVehicleSearchModal;
|
|
|
7067
7037
|
exports.OrganizationSearchModal = OrganizationSearchModal;
|
|
7068
7038
|
exports.RATING_DATA = RATING_DATA;
|
|
7069
7039
|
exports.RIV_SEARCH_PARAM_MAP = RIV_SEARCH_PARAM_MAP;
|
|
7040
|
+
exports.RivModalIframe = RivModalIframe;
|
|
7070
7041
|
exports.StepIndicator = StepIndicator;
|
|
7071
7042
|
exports.TermsCancerCollectQR = TermsCancerCollectQR;
|
|
7072
7043
|
exports.TermsCancerMarketing = TermsCancerMarketing;
|
|
@@ -7084,6 +7055,7 @@ exports.TermsRadio = TermsRadio;
|
|
|
7084
7055
|
exports.TermsRatingBar = TermsRatingBar;
|
|
7085
7056
|
exports.TermsSignature = TermsSignature;
|
|
7086
7057
|
exports.TermsTransfer = TermsTransfer;
|
|
7058
|
+
exports.VERIFICATION_CODES = VERIFICATION_CODES;
|
|
7087
7059
|
exports.highlightOnSearchKeyword = highlightOnSearchKeyword;
|
|
7088
7060
|
exports.resize = resize;
|
|
7089
7061
|
exports.testSignatureBase64Data = testSignatureBase64Data;
|
|
@@ -7100,7 +7072,6 @@ exports.useNationalityComponent = useNationalityComponent;
|
|
|
7100
7072
|
exports.useNxlOneModal = useNxlOneModal;
|
|
7101
7073
|
exports.useRemoteIdentityVerification = useRemoteIdentityVerification;
|
|
7102
7074
|
exports.useRemoteIdentityVerificationIframe = useRemoteIdentityVerificationIframe;
|
|
7103
|
-
exports.useRemoteIdentityVerificationPopup = useRemoteIdentityVerificationPopup;
|
|
7104
7075
|
exports.useSearchAddress = useSearchAddress;
|
|
7105
7076
|
exports.useSearchNationality = useSearchNationality;
|
|
7106
7077
|
exports.useSearchVisa = useSearchVisa;
|