@sunrise-upc/sales-static-components 3.7.8 → 3.7.10

package/dist/esm/components/linecheck/AutoComplete.css

@@ -0,0 +1,485 @@
+.inputrow {
+  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 8px;
+  background-color: #ffffff;
+  padding: 16px;
+  margin: 0px;
+}
+.truncation{
+  text-overflow: ellipsis;
+}
+
+.checking{
+  padding-right: 28px !important;
+}
+/* .gradientborder {
+  content: "";
+  border: 4px solid #bf0760;
+  border-radius: 12px;
+  z-index: 2;
+  position: relative;
+  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+} */
+.backdropindex {
+  z-index: 1;
+}
+.hideoverlay {
+  display: none;
+}
+.suggestionactive,
+.addresscontainer li:hover {
+  background-color: #f7f6f5;
+  cursor: pointer;
+}
+.suggestionactive,
+.addresscontainer li {
+  padding: 10px 12px;
+}
+.form-floating {
+  margin-right: 16px;
+}
+.form-control {
+  background: #f8f8f8;
+  background-color: #b2b2b2;
+  border: 1px solid;
+  font-weight: 700;
+  padding: 14px 12px;
+}
+
+.horizontallinetwo {
+  border-bottom: 1px solid #e6e3df;
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+
+.inputcontainer {
+  margin-right: 16px;
+}
+
+.inputcontainer input {
+  font-size: 16px;
+  line-height: 24px;
+  border: 1px solid #b3aeaa !important;
+  border-radius: 4px;
+  height: 52px;
+  padding: 14px 12px;
+  width: 100%;
+  background: #f7f6f5;
+}
+
+.inputcontainer .errorfield {
+  border: 2px solid #c60047 !important;
+}
+
+input:focus {
+  border: 2px solid #3d3935 !important;
+  color: #333333;
+  outline: none;
+}
+
+.cross-icon {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  padding: 14px;
+}
+.addresscontainer {
+  background: #ffffff;
+  box-shadow: 0px 8px 24px rgb(51 51 51 / 20%);
+  cursor: pointer;
+  list-style: none;
+  padding: 12px;
+  position: absolute;
+  text-align: left;
+  width: 100%;
+  z-index: 1000;
+  transition: all 1s ease-in;
+}
+
+.addresscontainer li:hover {
+  background-color: #f7f6f5;
+  cursor: pointer;
+}
+
+.addresscontainer :hover {
+  background: #e5e5e5;
+  border-radius: 4px;
+  text-align: left;
+  width: 100%;
+  z-index: 100;
+}
+.errormsg {
+  color: #c60047;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 500;
+  padding-top: 4px;
+}
+.addresstext {
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3935;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: unset;
+  text-align: center;
+}
+.successinput {
+  display: flex;
+  justify-content: center;
+}
+
+.networkInfo {
+  display: flex;
+  font-weight: 400;
+  color: #5f5955;
+  font-size: 14px;
+  line-height: 20px;
+  margin-top: 16px;
+  justify-content: center;
+  align-items: center;
+}
+
+.download {
+  color: #5f5955;
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.horizontallineone {
+  border-bottom: 1px solid #e6e3df;
+  margin-top: 12px;
+}
+.mobilecard {
+  display: flex;
+}
+.changeBtn {
+  display: inline-flex;
+  align-items: center;
+  padding: 8px;
+}
+.changeTxt {
+  color: #da291c;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 20px;
+}
+.changeTxt:hover {
+  cursor: pointer;
+  color: #961c13;
+}
+.changeTxt:active {
+  cursor: pointer;
+  color: #c7355f;
+}
+.divider {
+  margin-left: 8px;
+  color: #e6e3df;
+}
+.linechecktitle {
+  text-align: center;
+  padding-bottom: 16px;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 700;
+}
+.modembtn {
+  cursor: pointer;
+  color: #da291c;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 700;
+}
+.individuallinecheck {
+  display: inline-flex;
+  width: 100%;
+  .smallerinput {
+    width: 30%;
+    margin: 0px 12px 20px;
+  }
+  .streetinput {
+    margin: 0px 0px 0px 12px;
+  }
+  .cityinput {
+    margin: 0px 12px 0px 0px;
+  }
+}
+.marginautodefault {
+  margin: auto;
+}
+@media (max-width: 767px) {
+  .homeicon {
+    margin-top: 12px;
+  }
+  .inputbox {
+    width: fit-content;
+    width: 68%;
+  }
+  .inputcontainer {
+    margin: 0 16px;
+  }
+  .successinput {
+    right: 0px;
+  }
+  .addresstext {
+    margin-top: 12px;
+  }
+  .changeBtn {
+    justify-content: center;
+    margin: auto;
+    float: unset;
+  }
+  .mobileTable {
+    right: 6px;
+    top: 23px;
+  }
+  .networkInfo {
+    margin-top: 6px;
+    display: flex;
+    flex-direction: column;
+  }
+  .horizontallineone {
+    border-bottom: 1px solid #e6e3df;
+    margin: 16px 0;
+    display: flex;
+  }
+  .mobilecard {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  /* .mobilerow {
+    margin-top: 16px;
+  } */
+  .downloadText {
+    display: inline-flex;
+  }
+  .downloadText img {
+    margin-right: 4px;
+  }
+  .uploadText {
+    display: inline-flex;
+  }
+  .uploadText img {
+    margin-right: 4px;
+  }
+  .linecheckOverlay {
+    background-color: #e6e3df;
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+    z-index: 10000;
+    overflow: scroll;
+  }
+  .headerContainer {
+    background-color: #ffffff;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    text-align: center;
+    padding: 12px 0px;
+    color: #3d3935;
+    font-weight: 700;
+    padding-right: 16px;
+    font-size: 18px;
+    line-height: 24px;
+  }
+  .spinners {
+    top: 30vh;
+    position: relative;
+    left: 46vw;
+  }
+  .checktext {
+    position: relative;
+    top: 10px;
+    right: 50px;
+    left: -32vw;
+  }
+  .closeIcon {
+    position: absolute;
+    right: 15px;
+    top: 18px;
+  }
+  .addresscontainer {
+    margin-top: 20px;
+  }
+  .linechecktitle {
+    text-align: center;
+  }
+  .errormsgMob {
+    margin-left: 16px;
+  }
+  .individuallinecheck {
+    display: block;
+    margin: 16px 0px;
+    .smallerinput {
+      width: 100%;
+      margin: 0px 0px 20px 0px;
+    }
+    .cityinput {
+      width: 100%;
+      margin: 0px 0px 4px 0px;
+    }
+    .streetinput {
+      width: 100%;
+      margin: 0px 0px 20px 0px;
+    }
+  }
+  .secondarybutton {
+    background-color: #ffffff;
+    padding: 16px;
+    border-radius: 12px;
+    margin: 16px 20px;
+    height: 52px;
+  }
+}
+.tooltipcls {
+  cursor: pointer;
+}
+.error-msg-Center {
+  text-align: center;
+}
+.horizontal-line {
+  color: #e6e3df;
+  line-height: 1px;
+  margin: 8px 0;
+}
+.helpText {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: left;
+  color: #5f5955;
+  padding: 16px 16px 0px 16px;
+}
+.secondarybutton {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+  color: #da291c;
+  padding: 16px 0px 0px;
+  cursor: pointer;
+}
+
+@media (max-width: 767px) {
+  .secondarybutton {
+    margin-left: 16px;
+    padding-left: 16px;
+  }
+}
+
+/* .error{
+  border:2px solid red !important;
+  font-size: larger;
+  width: 30%;
+  margin : 0px 12px 20px;
+} */
+.inputcontainer .errorInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 12px 20px;
+  width: 30%;
+}
+
+.inputcontainer .errorCityInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 12px 0px 0px;
+  width: 100%;
+}
+.inputcontainer .errorStreetInput {
+  border: 2px solid #c60047 !important;
+  margin: 0px 0px 1px 12px;
+  width: 100%;
+}
+.errorbutton {
+  background-color: #ffffff;
+  padding: 0 16px 0 12px;
+  border-radius: 12px;
+  color: #da291c;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+}
+@media (max-width: 767px) {
+  .inputcontainer .errorInput {
+    width: 100%;
+    margin: 0 0 10px 0 !important;
+  }
+  .inputcontainer .errorCityInput {
+    margin: 0;
+  }
+  .inputcontainer .errorStreetInput {
+    margin: 0 0 10px 0 !important;
+  }
+  .errorbutton {
+    background-color: transparent;
+    padding: 0 16px 0 8px;
+  }
+}
+.maxspeed {
+  font-size: 14px;
+  line-height: 16px;
+  color: #5f5955;
+  font-weight: 400;
+}
+@media (min-width: 768px) {
+  .tooltip-align{
+    margin-top: -3px;
+  }
+  .oldspinnercontainer {
+    padding: 40px 24px;
+    gap: 40px;
+    border-radius: 8px;
+    opacity: 0px;
+    background-color: #ffffff;
+    box-shadow: 0px 2px 4px 0px #57545233;
+  }
+  .oldspinnercontents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .oldspinnerloads {
+    width: 32px;
+    height: 32px;
+    bottom: 12px;
+    position: relative;
+    color: #3d3935;
+  }
+  .oldchecktexts {
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 24px;
+    text-align: center;
+    color: #3d3935;
+    position: relative;
+    top: 10px;
+  }
+}
+@media (max-width: 767px) {
+  .spinnercontents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 12vh;
+  }
+
+  .oldspinnerload {
+    width: 40px;
+    height: 40px;
+    bottom: 25px;
+    position: relative;
+    color: #3d3935;
+  }
+
+  .oldchecktext {
+    color: #3d3935;
+    text-align: center;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+  }
+}

package/dist/esm/components/linecheck/AutoComplete.js

@@ -0,0 +1,3 @@
+import './AutoComplete.css';
+import{jsx as e,Fragment as n,jsxs as l}from"react/jsx-runtime";import t,{useState as i}from"react";import{viewport as o}from"../RibbonComponent/utils.js";const r=t.forwardRef((r,a)=>{var c,s,d;const{inputValue:u,setInputValue:h,dropdownValue:m,placeholder:v,onChange:f,name:p,inputClassName:g,selectedData:k,minLength:C,maxLength:y,content:b,setApiError:w,setFetchingLineCheck:N,FetchingLineCheck:x,checkAvailability:A}=r,[L,F]=i(-1),[j,D]=i(!1),[E,T]=i(!0),V=o();return t.useEffect(()=>{m&&m.length>0&&u.length>=3?D(!0):D(!1)},[m]),e(n,{children:l("div",{id:"dropdownselect",className:"inputcontainer form-floating",children:[e("input",{type:"text",placeholder:v,onChange:f,name:p,disabled:x||!E||A,onKeyDown:e=>{if(m&&Object.keys(m).length>0)if("Enter"===e.key||13===e.keyCode){if(-1===L)return;F(-1),T(!0),D(!1),h(m[L].concatedAddress),k(m[L])}else if("ArrowUp"===e.key||38===e.keyCode){if(-1===L)return void F(m.length-1);F(L-1)}else if("ArrowDown"===e.key||40===e.keyCode){if(L===m.length-1)return void F(-1);F(L+1)}else F(-1)},value:u,autoComplete:"off","aria-autocomplete":"none",className:g,spellCheck:"false",minLength:C,maxLength:y,autoFocus:!0}),e("label",{htmlFor:"address",className:"input-label",children:v}),!(x||A||!E)&&0!==(null==u?void 0:u.length)&&e("div",{className:"cross-icon",onClick:()=>{var e,n;(null===(e=null==a?void 0:a.current)||void 0===e?void 0:e.focus())||D(!1),h(""),null===(n=null==a?void 0:a.current)||void 0===n||n.focus(),w(!1),N(!1)},children:e("img",{src:null===(d=null===(s=null===(c=null==b?void 0:b.linecheckIcons)||void 0===c?void 0:c[0])||void 0===s?void 0:s.close)||void 0===d?void 0:d.filename,height:14,width:14,alt:"cross-icon"})}),j&&(null==m?void 0:m.length)&&e("ul",{className:"addresscontainer",children:m.map((t,i)=>{let o;return i===L&&(o="active"),l(n,{children:[e("li",{className:"active"===o?"suggestionactive":"",onClick:e=>((e,n)=>{F(-1),T(!0),D(!1),h(n.currentTarget&&n.currentTarget.innerText),k(e)})(t,e),children:t&&t.concatedAddress},i),"mobile"===V?e("span",{className:"horizontallineone"}):""]})})})]})})});export{r as default};
+//# sourceMappingURL=AutoComplete.js.map

package/dist/esm/components/linecheck/AutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.js","sources":["../../../../../src/components/linecheck/AutoComplete.tsx"],"sourcesContent":[null],"names":["AutoComplete","React","forwardRef","props","ref","inputValue","setInputValue","dropdownValue","suggestions","placeholder","onChange","name","inputClassName","selectedData","minLength","maxLength","content","setApiError","setFetchingLineCheck","FetchingLineCheck","checkAvailability","activeSuggestion","seActiveSuggestion","useState","showSuggestions","setShowSuggestions","formDisable","setFormDisable","viewPort","viewport","useEffect","length","_jsx","_Fragment","children","_jsxs","id","className","type","disabled","onKeyDown","e","Object","keys","key","keyCode","concatedAddress","value","autoComplete","spellCheck","autoFocus","htmlFor","onClick","_a","current","focus","_b","src","_c","linecheckIcons","close","filename","height","width","alt","map","suggestion","index","activeClass","data","currentTarget","innerText","onSelection"],"mappings":"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"}

package/dist/esm/components/linecheck/IndividualLineCheck.css

@@ -0,0 +1,143 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.IndividualLineCheck-module__inputcontainer___PLD5m {
+  position: relative;
+  margin: 8px 16px 16px 0;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .form-floating {
+  margin-right: 0;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__comman-css___8Uz7D {
+  border: 1px solid #B3AEAA;
+  background-color: #F7F6F5;
+  border-radius: 4px;
+  padding: 13px 12px 13px 12px;
+  gap: 4px;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m input {
+  border: 1px solid #B3AEAA !important;
+  font-size: 16px;
+  line-height: 24px;
+  border-radius: 4px;
+  height: 52px;
+  padding: 14px 12px;
+  width: 100%;
+  background: #F7F6F5;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m {
+    margin: 16px 16px 0;
+  }
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorInputs___L5IRb {
+  border: 2px solid #BF0760 !important;
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck___rPIEt, .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+  display: inline-flex;
+  width: 100%;
+  margin-bottom: 24px;
+  gap: 12px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck___rPIEt, .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+    display: block;
+    text-align: center;
+    margin-bottom: 0px;
+  }
+}
+.IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorbutton___u975E {
+  background-color: #ffffff;
+  padding: 0 16px 0 12px;
+  border-radius: 12px;
+  color: #da291c;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__inputcontainer___PLD5m .IndividualLineCheck-module__errorbutton___u975E {
+    background-color: transparent;
+    padding: 0 16px 0 8px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__btn___8qsKm {
+    width: 100% !important;
+  }
+}
+
+.IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+  min-width: 145px;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+    min-width: 120px !important;
+  }
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN {
+    min-width: 88px !important;
+    margin-bottom: 32px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__smallerinputcontainer___Ul1lN:has(.IndividualLineCheck-module__error-section___2Gq-t) {
+    margin-bottom: 8px;
+  }
+}
+
+.IndividualLineCheck-module__cityinputcontainer___3F-4N {
+  min-width: 340px !important;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N {
+    min-width: 230px !important;
+  }
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N {
+    min-width: 88px !important;
+    margin-bottom: 32px;
+  }
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__cityinputcontainer___3F-4N:has(.IndividualLineCheck-module__error-section___2Gq-t) {
+    margin-bottom: 8px;
+  }
+}
+
+.IndividualLineCheck-module__error-section___2Gq-t {
+  font-size: 16px;
+  line-height: 24px;
+  color: #BF0760;
+  font-weight: 400;
+}
+.IndividualLineCheck-module__error-section___2Gq-t > img {
+  margin-right: 4px;
+}
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__error-section___2Gq-t {
+    text-align: left;
+  }
+}
+
+.IndividualLineCheck-module__errorinput-small___IEral {
+  margin-bottom: 0 !important;
+}
+
+.IndividualLineCheck-module__individuallinecheck-bottom___cDCWu {
+  margin-bottom: 0 !important;
+}
+
+@media (max-width: 767px) {
+  .IndividualLineCheck-module__errorinput-small-mobile___jt7pM {
+    margin-bottom: 8px;
+  }
+}

package/dist/esm/components/linecheck/IndividualLineCheck.js

@@ -0,0 +1,3 @@
+import './IndividualLineCheck.css';
+import{jsxs as e,jsx as o,Fragment as n}from"react/jsx-runtime";import l,{useState as i,useEffect as t}from"react";import{viewport as s}from"../RibbonComponent/utils.js";import r from"./IndividualLineCheck.module.scss.js";const d=l.forwardRef(({parentCallBackIndividual:l,content:d,apiError:c,setApiError:a,setFetchingLineCheck:u,setSelectedAddress:m,FetchingLineCheck:v,addressRef:p,openIndividualLineCheck:h,selected:b,addressNotFound:N,setaddressNotFound:f,isAddressNotFilled:g,setAddressNotFilled:y,setIndivialOpen:C},$)=>{const[j,O]=i({street:"",city:"",postCode:"",houseNumber:"",concatedAddress:""}),[F,k]=i(""),I=s(),[A,L]=i(!1);t(()=>{"function"==typeof a&&a(!1),"function"==typeof u&&u(!1),"function"==typeof m&&m("")},[]);const w=e=>{f(!0),O(Object.assign(Object.assign({},j),{[e.target.name]:e.target.value}));const o=Object.assign(Object.assign({},j),{[e.target.name]:e.target.value});x(Object.assign({},o)),a(!1),u(!1),C(e=>Object.assign(Object.assign({},e),{indErrorOpen:!1}))};t(()=>{O(b)},[N]);const x=e=>{let o="";""!==(null==e?void 0:e.postCode)&&""!==e.city&&""!==e.houseNumber&&""!==e.street?(o=e.street+" "+e.houseNumber+", "+e.postCode+" "+e.city,k(o)):(o="",k(""))};t(()=>{const e=Object.assign(Object.assign({},j),{concatedAddress:F});O(Object.assign(Object.assign({},j),{concatedAddress:F})),"mobile"!==I&&l(e,A)},[F]);const E=()=>e("p",{className:r["error-section"],children:[o("img",{src:"/ecom-int/icons/error-msg-icon.svg",height:14,width:14,alt:"error"}),null==d?void 0:d.requiredFieldText]});return e("div",{className:`${r.inputcontainer} ${g&&r["errorinput-container"]}`,children:[e("div",{className:`${g&&N&&(""===(null==j?void 0:j.postCode)||""===(null==j?void 0:j.city))&&r["errorinput-small"]} ${r.individuallinecheck}`,children:[e("div",{className:`${r.smallerinputcontainer} form-floating ${g&&N&&""===(null==j?void 0:j.postCode)&&r["errorinput-small-mobile"]}`,children:[o("input",{required:!0,placeholder:(null==d?void 0:d.zip)+"*",name:"postCode",onChange:w,value:v||N?null==j?void 0:j.postCode:null==b?void 0:b.postCode,className:`form-control\n                ${(g||A)&&N&&""===(null==j?void 0:j.postCode)?r.errorInputs:r["comman-css"]} `}),o("label",{htmlFor:"address",children:(null==d?void 0:d.zip)+"*"}),(g||A)&&""===(null==j?void 0:j.postCode)&&N&&E()]}),e("div",{className:`${r.cityinputcontainer} form-floating ${g&&N&&""===(null==j?void 0:j.city)&&r["errorinput-small-mobile"]}`,children:[o("input",{placeholder:(null==d?void 0:d.city)+"*",name:"city",onChange:w,value:v||N?null==j?void 0:j.city:null==b?void 0:b.city,className:`form-control\n                ${(g||A)&&N&&""===(null==j?void 0:j.city)?r.errorInputs:r["comman-css"]}`}),o("label",{htmlFor:"address",children:(null==d?void 0:d.city)+"*"}),(g||A)&&""===(null==j?void 0:j.city)&&N&&E()]})]}),e("div",{className:`${r["individuallinecheck-bottom"]}`,children:[e("div",{className:`${r.cityinputcontainer} form-floating ${g&&N&&""===(null==j?void 0:j.street)&&r["errorinput-small-mobile"]}`,children:[o("input",{placeholder:(null==d?void 0:d.street)+"*",name:"street",onChange:w,value:v||N?null==j?void 0:j.street:null==b?void 0:b.street,className:`form-control\n                ${(g||A)&&N&&""===(null==j?void 0:j.street)?r.errorInputs:r["comman-css"]}`}),o("label",{htmlFor:"address",children:(null==d?void 0:d.street)+"*"}),(g||A)&&""===(null==j?void 0:j.street)&&N&&E()]}),e("div",{className:`${r.smallerinputcontainer} form-floating ${g&&N&&""===(null==j?void 0:j.houseNumber)&&r["errorinput-small-mobile"]}`,children:[o("input",{placeholder:(null==d?void 0:d.houseNumber)+"*",name:"houseNumber",onChange:w,value:v||N?null==j?void 0:j.houseNumber:null==b?void 0:b.houseNumber,className:`form-control\n                ${(g||A)&&N&&""===(null==j?void 0:j.houseNumber)?r.errorInputs:r["comman-css"]}`}),o("label",{htmlFor:"address",children:(null==d?void 0:d.houseNumber)+"*"}),(g||A)&&""===(null==j?void 0:j.houseNumber)&&N&&E()]})]}),"mobile"===I&&o(n,{children:o("div",{className:r.individuallinecheck,children:o("button",{name:"check address button",type:"button",className:`primarybutton ${r.btn}`,disabled:!1,onClick:()=>{L(!0),""!==(null==j?void 0:j.postCode)&&""!==(null==j?void 0:j.city)&&""!==(null==j?void 0:j.houseNumber)&&""!==(null==j?void 0:j.street)?"function"==typeof l&&l(j,!0):"function"==typeof y&&y(!g)},style:{width:"50%"},children:null==d?void 0:d.buttonvalue})})})]})});export{d as IndividualLineCheck};
+//# sourceMappingURL=IndividualLineCheck.js.map

package/dist/esm/components/linecheck/IndividualLineCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndividualLineCheck.js","sources":["../../../../../src/components/linecheck/IndividualLineCheck.tsx"],"sourcesContent":[null],"names":["IndividualLineCheck","React","forwardRef","parentCallBackIndividual","content","apiError","setApiError","setFetchingLineCheck","setSelectedAddress","FetchingLineCheck","addressRef","openIndividualLineCheck","selected","addressNotFound","setaddressNotFound","isAddressNotFilled","setAddressNotFilled","setIndivialOpen","ref","addressData","setAddressData","useState","street","city","postCode","houseNumber","concatedAddress","concatedAddressState","setConcatedAddressState","viewPort","viewport","clicked","setClicked","useEffect","handleChange","e","target","name","value","tempAddress","Object","assign","updateConcatenatedAddress","prevState","indErrorOpen","data","errorData","_jsxs","className","Styles","children","_jsx","src","height","width","alt","requiredFieldText","required","placeholder","zip","onChange","htmlFor","_Fragment","type","disabled","onClick","style","buttonvalue"],"mappings":"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"}