@oneblink/apps-react 4.4.0 → 4.5.0-beta.1

package/dist/components/renderer/LookupNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"LookupNotification.js","sourceRoot":"","sources":["../../../src/components/renderer/LookupNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,EACL,yBAAyB,GAE1B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAC7D,OAAO,cAAc,MAAM,4BAA4B,CAAA;AACvD,OAAO,sBAAsB,MAAM,2CAA2C,CAAA;AAC9E,OAAO,yBAAyB,MAAM,uCAAuC,CAAA;AAC7E,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAe,MAAM,gBAAgB,CAAA;AAEpD,OAAO,YAAY,MAAM,0BAA0B,CAAA;AAEnD,OAAO,qBAAqB,MAAM,mCAAmC,CAAA;AACrE,OAAO,YAAY,MAAM,0BAA0B,CAAA;AAenD,SAAS,2BAA2B,CAAC,EACnC,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,GACF;IACN,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,cAAc,EAAE,CAAA;IACzC,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAC3E,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,GAC5D,qBAAqB,EAAE,CAAA;IAEzB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAExD,SAAS,CAAC,CAAA;IACZ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC1D,IAAI,CACL,CAAA;IACD,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE/D,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClD,OAAO,kBAAkB,CAAC,IAAI,CAC5B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,KAAK,OAAO,CAAC,eAAe,CACtE,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE1E,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,OAAO,kBAAkB,CAAC,IAAI,CAC5B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,KAAK,OAAO,CAAC,YAAY,CAChE,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAU,GAAG,EAAE;QACnD,OAAO,CAAC,CAAC,CACP,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB;aACvC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,gBAAgB,CAAA,CAC3C,CAAA;IACH,CAAC,EAAE;QACD,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,gBAAgB;QACvC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,gBAAgB;KAC3C,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CACE,QAAiB,EACjB,gBAAgE,EAChE,mBAA4C,EAC5C,EAAE;QACF,IAAI,mBAAmB,EAAE;YACvB,IAAI,mBAAmB,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE;gBACpE,gBAAgB,CACd,OAAO,EACP,mBAA8C,EAC9C,gBAAgB,CACjB,CAAA;gBACD,OAAM;aACP;SACF;QAED,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;YACpC,IAAI,WAAW,GAAG,QAAQ,CAAA;YAC1B,IAAI,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE;gBACtC,MAAM,cAAc,GAAG,QAAQ,CAAC,SAAS,CACvC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAC9B,CAAA;gBACD,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE;oBACzB,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAA;iBAC/C;qBAAM;oBACL,uCAAuC;oBACvC,WAAW,GAAG,QAAQ,CAAC,MAAM;oBAC3B,yFAAyF;oBACzF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,KAAK,OAAO,CAAC,EAAE,CAC5C,CAAA;oBACD,WAAW,CAAC,MAAM,CAChB,cAAc,GAAG,CAAC,EAClB,CAAC,EACD,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBAC/B,yFAAyF;wBACzF,CAAC,CAAC,mBAAmB,GAAG,OAAO,CAAC,EAAE,CAAA;wBAClC,OAAO,CAAC,CAAA;oBACV,CAAC,CAAC,CACH,CAAA;iBACF;aACF;YAED,OAAO;gBACL,QAAQ,EAAE,WAAW;gBACrB,UAAU,EAAE,mBAAmB,CAAC,WAAW,EAAE;oBAC3C,GAAG,UAAU;oBACb,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ;oBACxB,GAAG,gBAAgB;iBACpB,CAAC;aACH,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CACtC,CAAA;IAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,CACL,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,IAAI,KAAK,aAAa,CAAC;YACvE,CAAC,wBAAwB;gBACvB,wBAAwB,CAAC,IAAI,KAAK,aAAa,CAAC,CACnD,CAAA;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAErD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAGrC,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,qBAAqB,EAAE,EAAE,EAAE;QAC7D,iCAAiC;QACjC,IAAI,cAAc;YAAE,OAAM;QAE1B,cAAc,CAAC,IAAI,CAAC,CAAA;QAEpB,IAAI,SAAS,IAAI,iBAAiB,EAAE;YAClC,kBAAkB,CAAC,IAAI,CAAC,CAAA;YACxB,OAAM;SACP;QAED,cAAc,CAAC,OAAO,CAAC,CAAA;QACvB,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,kBAAkB,CAAC,KAAK,CAAC,CAAA;QACzB,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC5B,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,iBAAiB,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;YAC3B,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,cAAc,CAAC,KAAK,CAAC,CAAA;aACtB;YACD,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC,CAAC,CAAA;QAEF,uDAAuD;QACvD,MAAM,oBAAoB,GAAG,UAAU,CAAC,GAAG,EAAE;YAC3C,gBAAgB,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACnD,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,MAAM,OAAO,GAAuB;YAClC,OAAO;YACP,UAAU;YACV,UAAU,EAAE;gBACV,GAAG,KAAK;gBACR,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ;aACzB;SACF,CAAA;QAED,IAAI;YACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBAChE,WAAW,CAAC,qBAAqB,EAAE,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC;gBACnE,WAAW,CACT,wBAAwB,EACxB,OAAO,EACP,eAAe,CAAC,MAAM,CACvB;aACF,CAAC,CAAA;YAEF,eAAe,CAAC,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAAA;YAEhE,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,qBAAqB,CAAC,IAAI,CAAC,CAAA;aAC5B;YAED,kEAAkE;YAClE,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,cAAc,CAAC,KAAK,CAAC,CAAA;iBACtB;YACH,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBACtB,OAAM;aACP;YAED,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE;gBAClC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;gBAC5B,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,cAAc,CAAC,KAAK,CAAC,CAAA;iBACtB;gBACD,OAAM;aACP;YAED,mBAAmB,CAAC,OAAO,CAAC,CAAA;YAE5B,kBAAkB,CAAC,IAAI,CAAC,CAAA;YACxB,kBAAkB,CAChB,OAAO,KAAK,KAAK,QAAQ;gBACvB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,gHAAgH,CACrH,CAAA;SACF;gBAAS;YACR,YAAY,CAAC,oBAAoB,CAAC,CAAA;YAClC,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,aAAa,CAAC,KAAK,CAAC,CAAA;gBACpB,iBAAiB,CAAC,SAAS,CAAC,CAAA;aAC7B;SACF;IACH,CAAC,EACD;QACE,UAAU;QACV,OAAO;QACP,mBAAmB;QACnB,cAAc;QACd,qBAAqB;QACrB,wBAAwB;QACxB,cAAc;QACd,SAAS;QACT,iBAAiB;QACjB,SAAS;QACT,eAAe;QACf,KAAK;KACN,CACF,CAAA;IAED,+CAA+C;IAC/C,gEAAgE;IAChE,+DAA+D;IAC/D,8DAA8D;IAC9D,wDAAwD;IACxD,MAAM,qBAAqB,GAAG,wBAAwB;QACpD,CAAC,CAAC,wBAAwB,CAAC,eAAe,CAAC;QAC3C,CAAC,CAAC,eAAe,CAAA;IACnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,IAAI,SAAS,EAAE;YAC1B,OAAM;SACP;QACD,MAAM,YAAY,GAAG,eAAe,IAAI,kBAAkB,CAAA;QAE1D,yEAAyE;QACzE,uEAAuE;QACvE,qFAAqF;QACrF,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,gBAAgB,IAAI,CAAC,YAAY,CAAC,EAAE;YAC5D,cAAc,CAAC,KAAK,CAAC,CAAA;YACrB,OAAM;SACP;QACD,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAA;QAC7C,aAAa,CAAC;YACZ,QAAQ,EAAE,eAAe;YACzB,eAAe;YACf,qBAAqB,EAAE,IAAI;SAC5B,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC,CAAA;QACD,gDAAgD;QAChD,sDAAsD;QACtD,qDAAqD;QACrD,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,IAAI;QACd,UAAU;QACV,SAAS;QACT,QAAQ,EAAE,aAAa;QACvB,uBAAuB,EAAE,gBAAgB;KAC1C,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,CAAC,CACzD,CAAA;IAED,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACpD,QAAQ;QAER,SAAS,IAAI,CACZ,oBAAC,YAAY,IACX,KAAK,EAAC,6BAA6B,EACnC,UAAU,EAAE,UAAU;YAEtB,8BAAM,SAAS,EAAC,2CAA2C,IACxD,SAAS,CAAC,OAAO,CACb,CACM,CAChB;QAED,6BACE,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE;gBACzC,eAAe,EAAE,WAAW;gBAC5B,aAAa,EACX,eAAe,IAAI,CAAC,aAAa,IAAI,CAAC,kBAAkB,CAAC;aAC5D,CAAC;YAEF,6BAAK,SAAS,EAAC,iDAAiD;gBAC7D,eAAe,IAAI,CAClB;oBACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,GACpC;oBAEF,iCACG,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAChC;wBACE,2BAAG,SAAS,EAAC,yCAAyC,eAElD;wBACJ,2BAAG,SAAS,EAAC,SAAS,oFAGlB,CACA,CACP,CAAC,CAAC,CAAC,CACF;wBACE,2BAAG,SAAS,EAAC,wCAAwC,oBAEjD;wBACJ,2BACE,SAAS,EAAC,SAAS;4BACnB,2CAA2C;4BAC3C,uBAAuB,EAAE;gCACvB,MAAM,EAAE,eAAe,IAAI,EAAE;6BAC9B,GACD,CACE,CACP,CACG,CACL,CACJ;gBAEA,kBAAkB,IAAI,CACrB,2BAAG,SAAS,EAAC,yCAAyC,2BAElD,CACL;gBAEA,CAAC,kBAAkB,IAAI,CAAC,eAAe,IAAI,oBAAC,SAAS,IAAC,KAAK,SAAG;gBAE9D,aAAa,IAAI,CAAC,kBAAkB,IAAI,CAAC,eAAe,IAAI,CAC3D,6BAAK,SAAS,EAAC,0BAA0B;oBACvC,8DAAmC;oBACnC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,cAAc,aAGhB,CACL,CACP,CACG,CACF,CAC6B,CACtC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAY;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE;QAC/D,OAAO,oBAAC,2BAA2B,OAAK,KAAK,GAAI,CAAA;KAClD;IAED,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAA;AAC9B,CAAC;AAED,KAAK,UAAU,WAAW,CACxB,iBAAkE,EAClE,OAA2B,EAC3B,WAAwB;IAExB,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAM;KACP;IAED,IAAI,iBAAiB,CAAC,OAAO,EAAE;QAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA;QACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;QAElD,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CACnD,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,IAAI,CAAC,UAAU,CAAC;YAC5C,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAC/D,CAAA;QAED,wBAAwB;QACxB,OAAO,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,MAAM,CAEpC,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE;YAC1B,QAAQ,OAAO,CAAC,IAAI,EAAE;gBACpB,KAAK,MAAM;oBACT,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,IAAI,CAAA;oBACpD,MAAK;gBACP,KAAK,QAAQ;oBACX,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,MAAM,CAAA;oBACtD,MAAK;gBACP,KAAK,OAAO;oBACV,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;oBACjD,MAAK;aACR;YACD,OAAO,YAAY,CAAA;QACrB,CAAC,EAAE,EAAE,CAAC,CAAA;KACP;IAED,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAC1B,OAAO,CAAC,GAAG,CACT,uEAAuE,EACvE,iBAAiB,CAClB,CAAA;QACD,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;KAC/D;IAED,MAAM,OAAO,GAAG,MAAM,eAAe,EAAE,CAAA;IACvC,OAAO,CAAC,GAAG,CACT,gBAAgB,iBAAiB,CAAC,IAAI,qBAAqB,EAC3D,iBAAiB,CAAC,GAAG,CACtB,CAAA;IACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAClD,MAAM,EAAE,MAAM;QACd,OAAO;QACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;QAC7B,MAAM,EAAE,WAAW;KACpB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;IAClC,OAAO,CAAC,GAAG,CACT,+BAA+B,EAC/B,iBAAiB,CAAC,GAAG,EACrB,QAAQ,CAAC,MAAM,EACf,IAAI,CACL,CAAA;IAED,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;QAChB,MAAM,CAAC,gBAAgB,CACrB,IAAI,KAAK,CAAC,YAAY,QAAQ,CAAC,MAAM,0BAA0B,CAAC,CACjE,CAAA;QACD,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACnD,MAAM,IAAI,CAAC,OAAO,CAAA;SACnB;QACD,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAA;KAChD;IAED,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport useIsOffline from '../../hooks/useIsOffline'\nimport OnLoading from './OnLoading'\nimport generateDefaultData from '../../services/generate-default-data'\nimport {\n  LookupNotificationContext,\n  LookupNotificationContextValue,\n} from '../../hooks/useLookupNotification'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useInjectPages from '../../hooks/useInjectPages'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useExecutedLookupCallback from '../../hooks/useExecutedLookupCallback'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { Sentry, formService } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useIsMounted from '../../hooks/useIsMounted'\nimport { FormElementLookupHandler } from '../../types/form'\nimport useFormElementLookups from '../../hooks/useFormElementLookups'\nimport ErrorMessage from '../messages/ErrorMessage'\n\ntype FetchLookupPayload = {\n  element: FormTypes.LookupFormElement\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n}\ntype Props = {\n  autoLookupValue?: unknown\n  stringifyAutoLookupValue?: (autoLookupValue: unknown) => string\n  element: FormTypes.LookupFormElement\n  onLookup: FormElementLookupHandler\n  children: React.ReactNode\n}\n\nfunction LookupNotificationComponent({\n  autoLookupValue,\n  stringifyAutoLookupValue,\n  element,\n  onLookup,\n  children,\n}: Props) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const definition = useFormDefinition()\n  const injectPagesAfter = useInjectPages()\n  const { executedLookup, executeLookupFailed } = useExecutedLookupCallback()\n  const { isLoading, formElementLookups, loadError, onTryAgain } =\n    useFormElementLookups()\n\n  const [onCancelLookup, setOnCancelLookup] = React.useState<\n    (() => void) | undefined\n  >(undefined)\n  const [isLookingUp, setIsLookingUp] = React.useState(false)\n  const [hasLookupFailed, setHasLookupFailed] = React.useState(false)\n  const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false)\n  const [isCancellable, setIsCancellable] = React.useState(false)\n  const [isDisabled, setIsDisabled] = React.useState(false)\n  const [lookupErrorHTML, setLookupErrorHTML] = React.useState<string | null>(\n    null,\n  )\n  const formIsReadOnly = useFormIsReadOnly()\n  const { formSubmissionModel: model } = useFormSubmissionModel()\n\n  const formElementElementLookup = React.useMemo(() => {\n    return formElementLookups.find(\n      ({ id }) => element.isElementLookup && id === element.elementLookupId,\n    )\n  }, [element.elementLookupId, element.isElementLookup, formElementLookups])\n\n  const formElementDataLookup = React.useMemo(() => {\n    return formElementLookups.find(\n      ({ id }) => element.isDataLookup && id === element.dataLookupId,\n    )\n  }, [element.dataLookupId, element.isDataLookup, formElementLookups])\n\n  const runLookupOnClear = React.useMemo<boolean>(() => {\n    return !!(\n      formElementDataLookup?.runLookupOnClear ||\n      formElementElementLookup?.runLookupOnClear\n    )\n  }, [\n    formElementDataLookup?.runLookupOnClear,\n    formElementElementLookup?.runLookupOnClear,\n  ])\n\n  const mergeLookupData = React.useCallback(\n    (\n      newValue: unknown,\n      dataLookupResult: SubmissionTypes.S3SubmissionData['submission'],\n      elementLookupResult: FormTypes.FormElement[],\n    ) => {\n      if (elementLookupResult) {\n        if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {\n          injectPagesAfter(\n            element,\n            elementLookupResult as FormTypes.PageElement[],\n            dataLookupResult,\n          )\n          return\n        }\n      }\n\n      onLookup(({ submission, elements }) => {\n        let allElements = elements\n        if (Array.isArray(elementLookupResult)) {\n          const indexOfElement = elements.findIndex(\n            ({ id }) => id === element.id,\n          )\n          if (indexOfElement === -1) {\n            console.log('Could not find element', element)\n          } else {\n            // Filter out already injected elements\n            allElements = elements.filter(\n              // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n              (e) => e.injectedByElementId !== element.id,\n            )\n            allElements.splice(\n              indexOfElement + 1,\n              0,\n              ...elementLookupResult.map((e) => {\n                // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n                e.injectedByElementId = element.id\n                return e\n              }),\n            )\n          }\n        }\n\n        return {\n          elements: allElements,\n          submission: generateDefaultData(allElements, {\n            ...submission,\n            [element.name]: newValue,\n            ...dataLookupResult,\n          }),\n        }\n      })\n    },\n    [element, injectPagesAfter, onLookup],\n  )\n\n  const isNotStaticLookup = React.useMemo(() => {\n    return (\n      (formElementDataLookup && formElementDataLookup.type !== 'STATIC_DATA') ||\n      (formElementElementLookup &&\n        formElementElementLookup.type !== 'STATIC_DATA')\n    )\n  }, [formElementDataLookup, formElementElementLookup])\n\n  const triggerLookup = React.useCallback<\n    LookupNotificationContextValue['onLookup']\n  >(\n    async ({ newValue, abortController, continueLookupOnAbort }) => {\n      // No lookups for read only forms\n      if (formIsReadOnly) return\n\n      setIsLookingUp(true)\n\n      if (isOffline && isNotStaticLookup) {\n        setHasLookupFailed(true)\n        return\n      }\n\n      executedLookup(element)\n      setIsDisabled(true)\n      setIsCancellable(false)\n      setHasLookupFailed(false)\n      setHasLookupSucceeded(false)\n      setLookupErrorHTML(null)\n      setOnCancelLookup(() => () => {\n        if (isMounted.current) {\n          setIsLookingUp(false)\n        }\n        abortController.abort()\n      })\n\n      // After certain amount of time, show the cancel button\n      const isCancellableTimeout = setTimeout(() => {\n        setIsCancellable(!abortController.signal.aborted)\n      }, 5000)\n\n      const payload: FetchLookupPayload = {\n        element,\n        definition,\n        submission: {\n          ...model,\n          [element.name]: newValue,\n        },\n      }\n\n      try {\n        const [dataLookupResult, elementLookupResult] = await Promise.all([\n          fetchLookup(formElementDataLookup, payload, abortController.signal),\n          fetchLookup(\n            formElementElementLookup,\n            payload,\n            abortController.signal,\n          ),\n        ])\n\n        mergeLookupData(newValue, dataLookupResult, elementLookupResult)\n\n        if (isMounted.current) {\n          setHasLookupSucceeded(true)\n        }\n\n        // After certain amount of time, hide the lookup succeeded message\n        setTimeout(() => {\n          if (isMounted.current) {\n            setIsLookingUp(false)\n          }\n        }, 750)\n      } catch (error) {\n        if (!isMounted.current) {\n          return\n        }\n\n        if (abortController.signal.aborted) {\n          console.log('Fetch aborted')\n          if (!continueLookupOnAbort) {\n            setIsLookingUp(false)\n          }\n          return\n        }\n\n        executeLookupFailed(element)\n\n        setHasLookupFailed(true)\n        setLookupErrorHTML(\n          typeof error === 'string'\n            ? error\n            : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.',\n        )\n      } finally {\n        clearTimeout(isCancellableTimeout)\n        if (isMounted.current) {\n          setIsDisabled(false)\n          setOnCancelLookup(undefined)\n        }\n      }\n    },\n    [\n      definition,\n      element,\n      executeLookupFailed,\n      executedLookup,\n      formElementDataLookup,\n      formElementElementLookup,\n      formIsReadOnly,\n      isMounted,\n      isNotStaticLookup,\n      isOffline,\n      mergeLookupData,\n      model,\n    ],\n  )\n\n  // For certain elements, do not add click event\n  // instead, watch model for changes and trigger lookup function.\n  // We add this stringify function here to allow the value to be\n  // an object which may have a reference change, but the values\n  // have not changed. e.g. the 'location' element's value\n  const autoLookupValueString = stringifyAutoLookupValue\n    ? stringifyAutoLookupValue(autoLookupValue)\n    : autoLookupValue\n  React.useEffect(() => {\n    if (isLoading || loadError) {\n      return\n    }\n    const hasLookupRan = hasLookupFailed || hasLookupSucceeded\n\n    // For lookups configured with `runLookupOnClear` set to true, we want to\n    // allow empty values for `autoLookupValue`, but only if the lookup has\n    // been ran previously. This prevents the lookup running on load with an empty value.\n    if (!autoLookupValue && (!runLookupOnClear || !hasLookupRan)) {\n      setIsLookingUp(false)\n      return\n    }\n    const abortController = new AbortController()\n    triggerLookup({\n      newValue: autoLookupValue,\n      abortController,\n      continueLookupOnAbort: true,\n    })\n    return () => {\n      abortController.abort()\n    }\n    // Wants to use \"triggerLookup\" as a dependency,\n    // however, this will change on any change made on any\n    // element. Checking if \"value\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoLookupValueString, isLoading])\n\n  const contextValue = React.useMemo(\n    () => ({\n      isLookup: true,\n      isDisabled,\n      isLoading,\n      onLookup: triggerLookup,\n      allowLookupOnEmptyValue: runLookupOnClear,\n    }),\n    [isDisabled, isLoading, runLookupOnClear, triggerLookup],\n  )\n\n  return (\n    <LookupNotificationContext.Provider value={contextValue}>\n      {children}\n\n      {loadError && (\n        <ErrorMessage\n          title=\"Error Loading Configuration\"\n          onTryAgain={onTryAgain}\n        >\n          <span className=\"cypress-lookup-notification-loading-error\">\n            {loadError.message}\n          </span>\n        </ErrorMessage>\n      )}\n\n      <div\n        className={clsx('ob-lookup__notification', {\n          'is-looking-up': isLookingUp,\n          'is-extended':\n            hasLookupFailed || (isCancellable && !hasLookupSucceeded),\n        })}\n      >\n        <div className=\"notification has-margin-top-7 has-text-centered\">\n          {hasLookupFailed && (\n            <>\n              <button\n                type=\"button\"\n                className=\"delete fade-in\"\n                onClick={() => setIsLookingUp(false)}\n              />\n\n              <div>\n                {isOffline && isNotStaticLookup ? (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-warning\">\n                      wifi_off\n                    </i>\n                    <p className=\"fade-in\">\n                      It looks like you&apos;re offline. Please try again when\n                      connectivity is restored.\n                    </p>\n                  </div>\n                ) : (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-danger\">\n                      error_outline\n                    </i>\n                    <p\n                      className=\"fade-in\"\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{\n                        __html: lookupErrorHTML || '',\n                      }}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n          )}\n\n          {hasLookupSucceeded && (\n            <i className=\"material-icons has-text-success fade-in\">\n              check_circle_outline\n            </i>\n          )}\n\n          {!hasLookupSucceeded && !hasLookupFailed && <OnLoading small />}\n\n          {isCancellable && !hasLookupSucceeded && !hasLookupFailed && (\n            <div className=\"has-margin-top-5 fade-in\">\n              <p>Taking longer than expected?</p>\n              <button\n                type=\"button\"\n                className=\"button has-margin-top-8\"\n                onClick={onCancelLookup}\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </LookupNotificationContext.Provider>\n  )\n}\n\nexport default function LookupNotification(props: Props) {\n  if (props.element.isDataLookup || props.element.isElementLookup) {\n    return <LookupNotificationComponent {...props} />\n  }\n\n  return <>{props.children}</>\n}\n\nasync function fetchLookup(\n  formElementLookup: formService.FormElementLookupResult | undefined,\n  payload: FetchLookupPayload,\n  abortSignal: AbortSignal,\n) {\n  if (!formElementLookup) {\n    return\n  }\n\n  if (formElementLookup.records) {\n    const elementName = payload.element.name\n    const inputValue = payload.submission[elementName]\n\n    const matchingRecord = formElementLookup.records.find(\n      (r) =>\n        (r.inputType === 'UNDEFINED' && !inputValue) ||\n        (r.inputType !== 'UNDEFINED' && r.inputValue === inputValue),\n    )\n\n    // insert prefill values\n    return matchingRecord?.preFills.reduce<\n      SubmissionTypes.S3SubmissionData['submission']\n    >((lookupResult, prefill) => {\n      switch (prefill.type) {\n        case 'TEXT':\n          lookupResult[prefill.formElementName] = prefill.text\n          break\n        case 'NUMBER':\n          lookupResult[prefill.formElementName] = prefill.number\n          break\n        case 'CLEAR':\n          lookupResult[prefill.formElementName] = undefined\n          break\n      }\n      return lookupResult\n    }, {})\n  }\n\n  if (!formElementLookup.url) {\n    console.log(\n      'Could not find dynamic URL or static records for form element lookup:',\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  const headers = await generateHeaders()\n  console.log(\n    `Attempting a ${formElementLookup.type} lookup request to:`,\n    formElementLookup.url,\n  )\n  const response = await fetch(formElementLookup.url, {\n    method: 'POST',\n    headers,\n    body: JSON.stringify(payload),\n    signal: abortSignal,\n  })\n\n  const data = await response.json()\n  console.log(\n    'Response from lookup to: POST',\n    formElementLookup.url,\n    response.status,\n    data,\n  )\n\n  if (!response.ok) {\n    Sentry.captureException(\n      new Error(`Received ${response.status} status code from lookup`),\n    )\n    if (response.status === 400 && data && data.message) {\n      throw data.message\n    }\n    throw new Error('Invalid response from lookup')\n  }\n\n  return data\n}\n"]}
+{"version":3,"file":"LookupNotification.js","sourceRoot":"","sources":["../../../src/components/renderer/LookupNotification.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { generateHeaders } from '@oneblink/apps/dist/services/fetch'\n\nimport useIsOffline from '../../hooks/useIsOffline'\nimport OnLoading from './OnLoading'\nimport generateDefaultData from '../../services/generate-default-data'\nimport {\n  LookupNotificationContext,\n  LookupNotificationContextValue,\n} from '../../hooks/useLookupNotification'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport useInjectPages from '../../hooks/useInjectPages'\nimport useFormSubmissionModel from '../../hooks/useFormSubmissionModelContext'\nimport useFormIsReadOnly from '../../hooks/useFormIsReadOnly'\nimport { Sentry, formService } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useIsMounted from '../../hooks/useIsMounted'\nimport { FormElementLookupHandler, ExecutedLookups } from '../../types/form'\nimport useFormElementLookups from '../../hooks/useFormElementLookups'\nimport ErrorMessage from '../messages/ErrorMessage'\n\ntype FetchLookupPayload = {\n  element: FormTypes.LookupFormElement\n  definition: FormTypes.Form\n  submission: SubmissionTypes.S3SubmissionData['submission']\n}\ntype Props = {\n  autoLookupValue?: unknown\n  stringifyAutoLookupValue?: (autoLookupValue: unknown) => string\n  element: FormTypes.LookupFormElement\n  onLookup: FormElementLookupHandler\n  children: React.ReactNode\n}\n\nfunction LookupNotificationComponent({\n  autoLookupValue,\n  stringifyAutoLookupValue,\n  element,\n  onLookup,\n  children,\n}: Props) {\n  const isMounted = useIsMounted()\n  const isOffline = useIsOffline()\n  const definition = useFormDefinition()\n  const injectPagesAfter = useInjectPages()\n  const { isLoading, formElementLookups, loadError, onTryAgain } =\n    useFormElementLookups()\n\n  const [onCancelLookup, setOnCancelLookup] = React.useState<\n    (() => void) | undefined\n  >(undefined)\n  const [isLookingUp, setIsLookingUp] = React.useState(false)\n  const [hasLookupFailed, setHasLookupFailed] = React.useState(false)\n  const [hasLookupSucceeded, setHasLookupSucceeded] = React.useState(false)\n  const [isCancellable, setIsCancellable] = React.useState(false)\n  const [isDisabled, setIsDisabled] = React.useState(false)\n  const [lookupErrorHTML, setLookupErrorHTML] = React.useState<string | null>(\n    null,\n  )\n  const formIsReadOnly = useFormIsReadOnly()\n  const { formSubmissionModel: model } = useFormSubmissionModel()\n\n  const formElementElementLookup = React.useMemo(() => {\n    return formElementLookups.find(\n      ({ id }) => element.isElementLookup && id === element.elementLookupId,\n    )\n  }, [element.elementLookupId, element.isElementLookup, formElementLookups])\n\n  const formElementDataLookup = React.useMemo(() => {\n    return formElementLookups.find(\n      ({ id }) => element.isDataLookup && id === element.dataLookupId,\n    )\n  }, [element.dataLookupId, element.isDataLookup, formElementLookups])\n\n  const runLookupOnClear = React.useMemo<boolean>(() => {\n    return !!(\n      formElementDataLookup?.runLookupOnClear ||\n      formElementElementLookup?.runLookupOnClear\n    )\n  }, [\n    formElementDataLookup?.runLookupOnClear,\n    formElementElementLookup?.runLookupOnClear,\n  ])\n\n  const mergeLookupData = React.useCallback(\n    ({\n      newValue,\n      dataLookupResult,\n      elementLookupResult,\n      executedLookup,\n    }: {\n      newValue: unknown\n      dataLookupResult: SubmissionTypes.S3SubmissionData['submission']\n      elementLookupResult: FormTypes.FormElement[]\n      executedLookup: ExecutedLookups\n    }) => {\n      const executedLookupResult = executedLookup?.[element.name]\n      if (elementLookupResult && executedLookupResult !== false) {\n        if (elementLookupResult[0] && elementLookupResult[0].type === 'page') {\n          injectPagesAfter(\n            element,\n            elementLookupResult as FormTypes.PageElement[],\n            dataLookupResult,\n          )\n          return\n        }\n      }\n\n      onLookup(({ submission, elements, executedLookups }) => {\n        let allElements = elements\n        if (\n          Array.isArray(elementLookupResult) &&\n          executedLookupResult !== false\n        ) {\n          const indexOfElement = elements.findIndex(\n            ({ id }) => id === element.id,\n          )\n          if (indexOfElement === -1) {\n            console.log('Could not find element', element)\n          } else {\n            // Filter out already injected elements if lookup was successful\n            allElements = elements.filter(\n              // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n              (e) => e.injectedByElementId !== element.id,\n            )\n            allElements.splice(\n              indexOfElement + 1,\n              0,\n              ...elementLookupResult.map((e) => {\n                // @ts-expect-error Sorry typescript, we need to check a property you don't approve of :(\n                e.injectedByElementId = element.id\n                return e\n              }),\n            )\n          }\n        }\n\n        return {\n          elements: allElements,\n          submission: generateDefaultData(allElements, {\n            ...submission,\n            [element.name]: newValue,\n            ...dataLookupResult,\n          }),\n          executedLookups: {\n            ...executedLookups,\n            ...executedLookup,\n          },\n        }\n      })\n    },\n    [element, injectPagesAfter, onLookup],\n  )\n\n  const isNotStaticLookup = React.useMemo(() => {\n    return (\n      (formElementDataLookup && formElementDataLookup.type !== 'STATIC_DATA') ||\n      (formElementElementLookup &&\n        formElementElementLookup.type !== 'STATIC_DATA')\n    )\n  }, [formElementDataLookup, formElementElementLookup])\n\n  const triggerLookup = React.useCallback<\n    LookupNotificationContextValue['onLookup']\n  >(\n    async ({ newValue, abortController, continueLookupOnAbort }) => {\n      // No lookups for read only forms\n      if (formIsReadOnly) return\n\n      setIsLookingUp(true)\n\n      if (isOffline && isNotStaticLookup) {\n        setHasLookupFailed(true)\n        return\n      }\n\n      setIsDisabled(true)\n      setIsCancellable(false)\n      setHasLookupFailed(false)\n      setHasLookupSucceeded(false)\n      setLookupErrorHTML(null)\n      setOnCancelLookup(() => () => {\n        if (isMounted.current) {\n          setIsLookingUp(false)\n        }\n        abortController.abort()\n      })\n\n      // After certain amount of time, show the cancel button\n      const isCancellableTimeout = setTimeout(() => {\n        setIsCancellable(!abortController.signal.aborted)\n      }, 5000)\n\n      const payload: FetchLookupPayload = {\n        element,\n        definition,\n        submission: {\n          ...model,\n          [element.name]: newValue,\n        },\n      }\n\n      try {\n        const [dataLookupResult, elementLookupResult] = await Promise.all([\n          fetchLookup(formElementDataLookup, payload, abortController.signal),\n          fetchLookup(\n            formElementElementLookup,\n            payload,\n            abortController.signal,\n          ),\n        ])\n\n        mergeLookupData({\n          newValue,\n          dataLookupResult,\n          elementLookupResult,\n          executedLookup: { [element.name]: true },\n        })\n\n        if (isMounted.current) {\n          setHasLookupSucceeded(true)\n        }\n\n        // After certain amount of time, hide the lookup succeeded message\n        setTimeout(() => {\n          if (isMounted.current) {\n            setIsLookingUp(false)\n          }\n        }, 750)\n      } catch (error) {\n        if (!isMounted.current) {\n          return\n        }\n\n        if (abortController.signal.aborted) {\n          console.log('Fetch aborted')\n          if (!continueLookupOnAbort) {\n            setIsLookingUp(false)\n          }\n          return\n        }\n\n        setHasLookupFailed(true)\n        mergeLookupData({\n          newValue: model[element.name],\n          dataLookupResult: {},\n          elementLookupResult: [],\n          executedLookup: { [element.name]: false },\n        })\n        setLookupErrorHTML(\n          typeof error === 'string'\n            ? error\n            : 'It looks like something went wrong.<br/>Please try again.<br />If the issue continues, please contact support.',\n        )\n      } finally {\n        clearTimeout(isCancellableTimeout)\n        if (isMounted.current) {\n          setIsDisabled(false)\n          setOnCancelLookup(undefined)\n        }\n      }\n    },\n    [\n      definition,\n      element,\n      formElementDataLookup,\n      formElementElementLookup,\n      formIsReadOnly,\n      isMounted,\n      isNotStaticLookup,\n      isOffline,\n      mergeLookupData,\n      model,\n    ],\n  )\n\n  // For certain elements, do not add click event\n  // instead, watch model for changes and trigger lookup function.\n  // We add this stringify function here to allow the value to be\n  // an object which may have a reference change, but the values\n  // have not changed. e.g. the 'location' element's value\n  const autoLookupValueString = stringifyAutoLookupValue\n    ? stringifyAutoLookupValue(autoLookupValue)\n    : autoLookupValue\n  React.useEffect(() => {\n    if (isLoading || loadError) {\n      return\n    }\n    const hasLookupRan = hasLookupFailed || hasLookupSucceeded\n\n    // For lookups configured with `runLookupOnClear` set to true, we want to\n    // allow empty values for `autoLookupValue`, but only if the lookup has\n    // been ran previously. This prevents the lookup running on load with an empty value.\n    if (!autoLookupValue && (!runLookupOnClear || !hasLookupRan)) {\n      setIsLookingUp(false)\n      return\n    }\n    const abortController = new AbortController()\n    triggerLookup({\n      newValue: autoLookupValue,\n      abortController,\n      continueLookupOnAbort: true,\n    })\n    return () => {\n      abortController.abort()\n    }\n    // Wants to use \"triggerLookup\" as a dependency,\n    // however, this will change on any change made on any\n    // element. Checking if \"value\" has changed is enough\n    // to trigger a lookup when the correct dependencies change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoLookupValueString, isLoading])\n\n  const contextValue = React.useMemo(\n    () => ({\n      isLookup: true,\n      isDisabled,\n      isLoading,\n      onLookup: triggerLookup,\n      allowLookupOnEmptyValue: runLookupOnClear,\n    }),\n    [isDisabled, isLoading, runLookupOnClear, triggerLookup],\n  )\n\n  return (\n    <LookupNotificationContext.Provider value={contextValue}>\n      {children}\n\n      {loadError && (\n        <ErrorMessage\n          title=\"Error Loading Configuration\"\n          onTryAgain={onTryAgain}\n        >\n          <span className=\"cypress-lookup-notification-loading-error\">\n            {loadError.message}\n          </span>\n        </ErrorMessage>\n      )}\n\n      <div\n        className={clsx('ob-lookup__notification', {\n          'is-looking-up': isLookingUp,\n          'is-extended':\n            hasLookupFailed || (isCancellable && !hasLookupSucceeded),\n        })}\n      >\n        <div className=\"notification has-margin-top-7 has-text-centered\">\n          {hasLookupFailed && (\n            <>\n              <button\n                type=\"button\"\n                className=\"delete fade-in\"\n                onClick={() => setIsLookingUp(false)}\n              />\n\n              <div>\n                {isOffline && isNotStaticLookup ? (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-warning\">\n                      wifi_off\n                    </i>\n                    <p className=\"fade-in\">\n                      It looks like you&apos;re offline. Please try again when\n                      connectivity is restored.\n                    </p>\n                  </div>\n                ) : (\n                  <div>\n                    <i className=\"material-icons fade-in has-text-danger\">\n                      error_outline\n                    </i>\n                    <p\n                      className=\"fade-in\"\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{\n                        __html: lookupErrorHTML || '',\n                      }}\n                    />\n                  </div>\n                )}\n              </div>\n            </>\n          )}\n\n          {hasLookupSucceeded && (\n            <i className=\"material-icons has-text-success fade-in\">\n              check_circle_outline\n            </i>\n          )}\n\n          {!hasLookupSucceeded && !hasLookupFailed && <OnLoading small />}\n\n          {isCancellable && !hasLookupSucceeded && !hasLookupFailed && (\n            <div className=\"has-margin-top-5 fade-in\">\n              <p>Taking longer than expected?</p>\n              <button\n                type=\"button\"\n                className=\"button has-margin-top-8\"\n                onClick={onCancelLookup}\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </LookupNotificationContext.Provider>\n  )\n}\n\nexport default function LookupNotification(props: Props) {\n  if (props.element.isDataLookup || props.element.isElementLookup) {\n    return <LookupNotificationComponent {...props} />\n  }\n\n  return <>{props.children}</>\n}\n\nasync function fetchLookup(\n  formElementLookup: formService.FormElementLookupResult | undefined,\n  payload: FetchLookupPayload,\n  abortSignal: AbortSignal,\n) {\n  if (!formElementLookup) {\n    return\n  }\n\n  if (formElementLookup.records) {\n    const elementName = payload.element.name\n    const inputValue = payload.submission[elementName]\n\n    const matchingRecord = formElementLookup.records.find(\n      (r) =>\n        (r.inputType === 'UNDEFINED' && !inputValue) ||\n        (r.inputType !== 'UNDEFINED' && r.inputValue === inputValue),\n    )\n\n    // insert prefill values\n    return matchingRecord?.preFills.reduce<\n      SubmissionTypes.S3SubmissionData['submission']\n    >((lookupResult, prefill) => {\n      switch (prefill.type) {\n        case 'TEXT':\n          lookupResult[prefill.formElementName] = prefill.text\n          break\n        case 'NUMBER':\n          lookupResult[prefill.formElementName] = prefill.number\n          break\n        case 'CLEAR':\n          lookupResult[prefill.formElementName] = undefined\n          break\n      }\n      return lookupResult\n    }, {})\n  }\n\n  if (!formElementLookup.url) {\n    console.log(\n      'Could not find dynamic URL or static records for form element lookup:',\n      formElementLookup,\n    )\n    throw new Error('Could not find element lookup configuration')\n  }\n\n  const headers = await generateHeaders()\n  console.log(\n    `Attempting a ${formElementLookup.type} lookup request to:`,\n    formElementLookup.url,\n  )\n  const response = await fetch(formElementLookup.url, {\n    method: 'POST',\n    headers,\n    body: JSON.stringify(payload),\n    signal: abortSignal,\n  })\n\n  const data = await response.json()\n  console.log(\n    'Response from lookup to: POST',\n    formElementLookup.url,\n    response.status,\n    data,\n  )\n\n  if (!response.ok) {\n    Sentry.captureException(\n      new Error(`Received ${response.status} status code from lookup`),\n    )\n    if (response.status === 400 && data && data.message) {\n      throw data.message\n    }\n    throw new Error('Invalid response from lookup')\n  }\n\n  return data\n}\n"]}

package/dist/components/renderer/OneBlinkFormElements.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
-import { FormElementLookupHandler, FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler, UpdateFormElementsHandler } from '../../types/form';
+import { FormElementLookupHandler, FormElementsConditionallyShown, FormElementsValidation, NestedFormElementValueChangeHandler, UpdateFormElementsHandler } from '../../types/form';
 export type Props<T extends FormTypes._NestedElementsElement> = {
     formId: number;
     elements: FormTypes.FormElement[];
     formElementsConditionallyShown: FormElementsConditionallyShown | undefined;
     formElementsValidation: FormElementsValidation | undefined;
     displayValidationMessages: boolean;
-    onChange: FormElementValueChangeHandler;
+    onChange: NestedFormElementValueChangeHandler;
     onLookup: FormElementLookupHandler;
     onUpdateFormElements: UpdateFormElementsHandler;
     isEven?: boolean;

package/dist/components/renderer/OneBlinkFormElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  FormElementValueChangeHandler,\n  IsDirtyProps,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: SubmissionTypes.S3SubmissionData['submission']\n  parentElement: T\n}\n\ninterface FormElementSwitchProps extends IsDirtyProps {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                onUpdateFormElements={onUpdateFormElements}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <FormElementSwitchContainer\n            key={element.id}\n            formId={formId}\n            element={element}\n            value={model[element.name]}\n            displayValidationMessage={displayValidationMessages}\n            isEven={isEven}\n            id={`${idPrefix}${element.name}`}\n            formElementConditionallyShown={\n              formElementsConditionallyShown?.[element.name]\n            }\n            formElementValidation={formElementsValidation?.[element.name]}\n            onChange={onChange}\n            onLookup={onLookup}\n            onUpdateFormElements={onUpdateFormElements}\n          />\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nfunction FormElementSwitchContainer(\n  props: Omit<FormElementSwitchProps, 'isDirty' | 'setIsDirty'>,\n) {\n  const { element, formElementValidation, displayValidationMessage } = props\n  const [isDirty, setIsDirty] = useBooleanState(false)\n\n  const getValidationClass = () => {\n    if (!('elements' in element)) {\n      if (!formElementValidation) {\n        return 'ob-element__valid'\n      }\n      if (isDirty || displayValidationMessage) {\n        return 'ob-element__invalid'\n      }\n    }\n  }\n  const validationClassName = getValidationClass()\n\n  if (element.type === 'page' || element.type === 'section') {\n    return null\n  }\n\n  return (\n    <div\n      id={element.id}\n      className={clsx(\n        'ob-element cypress-element-container',\n        element.customCssClasses ? element.customCssClasses.join(' ') : '',\n        validationClassName,\n      )}\n      data-cypress-element-name={element.name}\n      data-ob-name={element.name}\n    >\n      <FormElementSwitch {...props} isDirty={isDirty} setIsDirty={setIsDirty} />\n    </div>\n  )\n}\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  isDirty,\n  setIsDirty,\n}: FormElementSwitchProps & IsDirtyProps) {\n  const dirtyProps = React.useMemo(\n    () => ({ isDirty, setIsDirty }),\n    [isDirty, setIsDirty],\n  )\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={\n            value as\n              | Array<SubmissionTypes.S3SubmissionData['submission']>\n              | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n          onUpdateFormElements={onUpdateFormElements}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}
+{"version":3,"file":"OneBlinkFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/OneBlinkFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\n\nimport LookupNotification from './LookupNotification'\n\nimport FormElementBarcodeScanner from '../../form-elements/FormElementBarcodeScanner'\nimport FormElementEmail from '../../form-elements/FormElementEmail'\nimport FormElementABN from '../../form-elements/FormElementABN'\nimport FormElementBSB from '../../form-elements/FormElementBSB'\nimport FormElementText from '../../form-elements/FormElementText'\nimport FormElementTextarea from '../../form-elements/FormElementTextarea'\nimport FormElementNumber from '../../form-elements/FormElementNumber'\nimport FormElementHeading from '../../form-elements/FormElementHeading'\nimport FormElementHTML from '../../form-elements/FormElementHTML'\nimport FormElementTelephone from '../../form-elements/FormElementTelephone'\nimport FormElementSelect from '../../form-elements/FormElementSelect'\nimport FormElementDate from '../../form-elements/FormElementDate'\nimport FormElementImage from '../../form-elements/FormElementImage'\nimport FormElementDateTime from '../../form-elements/FormElementDateTime'\nimport FormElementTime from '../../form-elements/FormElementTime'\nimport FormElementCalculation from '../../form-elements/FormElementCalculation'\nimport FormElementRadio from '../../form-elements/FormElementRadio'\nimport FormElementAutocomplete from '../../form-elements/FormElementAutocomplete'\nimport FormElementRepeatableSet from '../../form-elements/FormElementRepeatableSet'\nimport FormElementSignature from '../../form-elements/FormElementSignature'\nimport FormElementCheckBoxes from '../../form-elements/FormElementCheckBoxes'\nimport FormElementFiles, {\n  stringifyAttachments,\n} from '../../form-elements/FormElementFiles'\nimport FormElementForm from '../../form-elements/FormElementForm'\nimport FormElementSection from '../../form-elements/FormElementSection'\nimport FormElementCamera from '../../form-elements/FormElementCamera'\nimport FormElementSummary from '../../form-elements/FormElementSummary'\nimport FormElementCaptcha from '../../form-elements/FormElementCaptcha'\nimport FormElementLocation, {\n  stringifyLocation,\n} from '../../form-elements/FormElementLocation'\nimport FormElementGeoscapeAddress from '../../form-elements/FormElementGeoscapeAddress'\nimport FormElementCompliance from '../../form-elements/FormElementCompliance'\nimport FormElementPointAddress from '../../form-elements/FormElementPointAddress'\nimport FormElementBoolean from '../../form-elements/FormElementBoolean'\nimport FormElementCivicaStreetName from '../../form-elements/FormElementCivicaStreetName'\nimport FormElementCivicaNameRecord from '../../form-elements/FormElementCivicaNameRecord'\nimport FormElementFreshdeskDependentField from '../../form-elements/FormElementFreshdeskDependentField'\n\nimport {\n  CivicaTypes,\n  FormTypes,\n  GeoscapeTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\n\nimport { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissionModelContext'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport { FormElementBinaryStorageValue } from '../../types/attachments'\nimport {\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  IsDirtyProps,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { attachmentsService } from '@oneblink/apps'\n\nexport type Props<T extends FormTypes._NestedElementsElement> = {\n  formId: number\n  elements: FormTypes.FormElement[]\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  onChange: NestedFormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n  // Props passed by repeatable sets\n  isEven?: boolean\n  idPrefix: string\n  model: SubmissionTypes.S3SubmissionData['submission']\n  parentElement: T\n}\n\ninterface FormElementSwitchProps extends IsDirtyProps {\n  formId: number\n  element: FormTypes.FormElement\n  value: unknown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  id: string\n  isEven: boolean | undefined\n  onChange: NestedFormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n  onUpdateFormElements: UpdateFormElementsHandler\n}\n\nfunction OneBlinkFormElements<T extends FormTypes._NestedElementsElement>({\n  formId,\n  elements,\n  isEven,\n  idPrefix,\n  displayValidationMessages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  model,\n  parentElement,\n}: Props<T>) {\n  return (\n    <FormSubmissionModelContextProvider\n      elements={parentElement.elements}\n      model={model}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n    >\n      {elements.map((element) => {\n        if (element.type === 'section') {\n          if (formElementsConditionallyShown?.[element.id]?.isHidden) {\n            return null\n          }\n\n          return (\n            <div\n              key={element.id}\n              className={clsx(\n                'ob-element cypress-element-container',\n                element.customCssClasses,\n              )}\n            >\n              <FormElementSection\n                formId={formId}\n                element={element}\n                displayValidationMessages={displayValidationMessages}\n                idPrefix={idPrefix}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                formElementsValidation={formElementsValidation}\n                onChange={onChange}\n                onLookup={onLookup}\n                onUpdateFormElements={onUpdateFormElements}\n                model={model}\n                parentElement={parentElement}\n              />\n            </div>\n          )\n        }\n\n        if (\n          element.type === 'page' ||\n          formElementsConditionallyShown?.[element.name]?.isHidden\n        ) {\n          return null\n        }\n\n        return (\n          <FormElementSwitchContainer\n            key={element.id}\n            formId={formId}\n            element={element}\n            value={model[element.name]}\n            displayValidationMessage={displayValidationMessages}\n            isEven={isEven}\n            id={`${idPrefix}${element.name}`}\n            formElementConditionallyShown={\n              formElementsConditionallyShown?.[element.name]\n            }\n            formElementValidation={formElementsValidation?.[element.name]}\n            onChange={onChange}\n            onLookup={onLookup}\n            onUpdateFormElements={onUpdateFormElements}\n          />\n        )\n      })}\n    </FormSubmissionModelContextProvider>\n  )\n}\n\nexport default React.memo(OneBlinkFormElements)\n\nfunction FormElementSwitchContainer(\n  props: Omit<FormElementSwitchProps, 'isDirty' | 'setIsDirty'>,\n) {\n  const { element, formElementValidation, displayValidationMessage } = props\n  const [isDirty, setIsDirty] = useBooleanState(false)\n\n  const getValidationClass = () => {\n    if (!('elements' in element)) {\n      if (!formElementValidation) {\n        return 'ob-element__valid'\n      }\n      if (isDirty || displayValidationMessage) {\n        return 'ob-element__invalid'\n      }\n    }\n  }\n  const validationClassName = getValidationClass()\n\n  if (element.type === 'page' || element.type === 'section') {\n    return null\n  }\n\n  return (\n    <div\n      id={element.id}\n      className={clsx(\n        'ob-element cypress-element-container',\n        element.customCssClasses ? element.customCssClasses.join(' ') : '',\n        validationClassName,\n      )}\n      data-cypress-element-name={element.name}\n      data-ob-name={element.name}\n    >\n      <FormElementSwitch {...props} isDirty={isDirty} setIsDirty={setIsDirty} />\n    </div>\n  )\n}\n\nconst FormElementSwitch = React.memo(function OneBlinkFormElement({\n  formId,\n  element,\n  value,\n  displayValidationMessage,\n  formElementValidation,\n  formElementConditionallyShown,\n  isEven,\n  id,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  isDirty,\n  setIsDirty,\n}: FormElementSwitchProps & IsDirtyProps) {\n  const dirtyProps = React.useMemo(\n    () => ({ isDirty, setIsDirty }),\n    [isDirty, setIsDirty],\n  )\n  const conditionallyShownOptionsElement =\n    formElementConditionallyShown?.type === 'formElement'\n      ? formElementConditionallyShown\n      : undefined\n  const validationMessage =\n    typeof formElementValidation === 'string'\n      ? formElementValidation\n      : undefined\n  switch (element.type) {\n    case 'heading': {\n      return <FormElementHeading element={element} />\n    }\n    case 'html': {\n      return <FormElementHTML element={element} />\n    }\n    case 'date': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDate\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDate\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'email': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementEmail\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementEmail\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'text': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementText\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementText\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'abn': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementABN\n            id={id}\n            element={element}\n            value={value as MiscTypes.ABNRecord | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementABN\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'bsb': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBSB\n            id={id}\n            formId={formId}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBSB\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'barcodeScanner': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementBarcodeScanner\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBarcodeScanner\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'textarea': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTextarea\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTextarea\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'number': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementNumber\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementNumber\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'telephone': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTelephone\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTelephone\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'autocomplete': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementAutocomplete\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementAutocomplete\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'select': {\n      return (\n        <LookupNotification\n          autoLookupValue={!element.multi ? value : undefined}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementSelect\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementSelect\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'radio': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementRadio\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementRadio\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'draw': {\n      return (\n        <FormElementSignature\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSignature\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'calculation': {\n      return (\n        <FormElementCalculation\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCalculation\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'repeatableSet': {\n      return (\n        <FormElementRepeatableSet\n          formId={formId}\n          id={id}\n          isEven={!isEven}\n          element={element}\n          value={\n            value as\n              | Array<SubmissionTypes.S3SubmissionData['submission']>\n              | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementRepeatableSet\n            >['onChange']\n          }\n          onLookup={onLookup}\n          formElementConditionallyShown={formElementConditionallyShown}\n          formElementValidation={formElementValidation}\n          displayValidationMessage={displayValidationMessage}\n          onUpdateFormElements={onUpdateFormElements}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'image': {\n      return <FormElementImage element={element} />\n    }\n    case 'datetime': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementDateTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementDateTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'time': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementTime\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementTime\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'checkboxes': {\n      return (\n        <LookupNotification element={element} onLookup={onLookup}>\n          <FormElementCheckBoxes\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCheckBoxes\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'files': {\n      return (\n        <LookupNotification\n          element={element}\n          onLookup={onLookup}\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyAttachments as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n        >\n          <FormElementFiles\n            id={id}\n            element={element}\n            value={value as attachmentsService.Attachment[] | undefined}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementFiles\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'infoPage':\n    case 'form': {\n      return (\n        <FormElementForm\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<typeof FormElementForm>['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'camera': {\n      return (\n        <FormElementCamera\n          id={id}\n          element={element}\n          value={value as FormElementBinaryStorageValue}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCamera\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'summary': {\n      return (\n        <FormElementSummary\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementSummary\n            >['onChange']\n          }\n          value={value}\n        />\n      )\n    }\n    case 'captcha': {\n      return (\n        <FormElementCaptcha\n          element={element}\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCaptcha\n            >['onChange']\n          }\n          validationMessage={validationMessage}\n          displayValidationMessage={displayValidationMessage}\n          {...dirtyProps}\n        />\n      )\n    }\n    case 'location': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          stringifyAutoLookupValue={\n            stringifyLocation as React.ComponentProps<\n              typeof LookupNotification\n            >['stringifyAutoLookupValue']\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementLocation\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementLocation\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'geoscapeAddress': {\n      const v = value as GeoscapeTypes.GeoscapeAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementGeoscapeAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementGeoscapeAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'compliance': {\n      return (\n        <LookupNotification\n          autoLookupValue={\n            value ? (value as { value: unknown }).value : undefined\n          }\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCompliance\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCompliance\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            conditionallyShownOptionsElement={conditionallyShownOptionsElement}\n            isEven={isEven}\n            onUpdateFormElements={onUpdateFormElements}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'freshdeskDependentField': {\n      return (\n        <FormElementFreshdeskDependentField\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementFreshdeskDependentField\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    case 'pointAddress': {\n      const v = value as PointTypes.PointAddress | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementPointAddress\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementPointAddress\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'boolean': {\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementBoolean\n            id={id}\n            element={element}\n            value={value}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementBoolean\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaStreetName': {\n      const v = value as CivicaTypes.CivicaStreetName | undefined\n      return (\n        <LookupNotification\n          autoLookupValue={value}\n          element={element}\n          onLookup={onLookup}\n        >\n          <FormElementCivicaStreetName\n            id={id}\n            formId={formId}\n            element={element}\n            value={v}\n            onChange={\n              onChange as React.ComponentProps<\n                typeof FormElementCivicaStreetName\n              >['onChange']\n            }\n            validationMessage={validationMessage}\n            displayValidationMessage={displayValidationMessage}\n            {...dirtyProps}\n          />\n        </LookupNotification>\n      )\n    }\n    case 'civicaNameRecord': {\n      return (\n        <FormElementCivicaNameRecord\n          formId={formId}\n          id={id}\n          element={element}\n          value={\n            value as SubmissionTypes.S3SubmissionData['submission'] | undefined\n          }\n          onChange={\n            onChange as React.ComponentProps<\n              typeof FormElementCivicaNameRecord\n            >['onChange']\n          }\n          onLookup={onLookup}\n          displayValidationMessages={displayValidationMessage}\n          formElementValidation={formElementValidation}\n          formElementConditionallyShown={formElementConditionallyShown}\n          onUpdateFormElements={onUpdateFormElements}\n        />\n      )\n    }\n    default: {\n      console.warn('Invalid element', element)\n      return null\n    }\n  }\n})\n"]}

package/dist/components/renderer/PageFormElements.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FormTypes, SubmissionTypes } from '@oneblink/types';
-import { FormElementsConditionallyShown, FormElementsValidation, FormElementValueChangeHandler, SetFormSubmission } from '../../types/form';
+import { FormElementsConditionallyShown, FormElementsValidation, NestedFormElementValueChangeHandler, SetFormSubmission } from '../../types/form';
 export type Props = {
     formId: number;
     isActive: boolean;
@@ -9,7 +9,7 @@ export type Props = {
     model: SubmissionTypes.S3SubmissionData['submission'];
     formElementsConditionallyShown: FormElementsConditionallyShown | undefined;
     formElementsValidation: FormElementsValidation | undefined;
-    onChange: FormElementValueChangeHandler;
+    onChange: NestedFormElementValueChangeHandler;
     setFormSubmission: SetFormSubmission;
 };
 declare function PageFormElements({ formId, isActive, pageElement, model, displayValidationMessages, formElementsConditionallyShown, formElementsValidation, onChange, setFormSubmission, }: Props): JSX.Element;

package/dist/components/renderer/PageFormElements.js

@@ -7,10 +7,11 @@ import { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid';
 function PageFormElements({ formId, isActive, pageElement, model, displayValidationMessages, formElementsConditionallyShown, formElementsValidation, onChange, setFormSubmission, }) {
     const handleLookup = React.useCallback((mergeLookupResults) => {
         setFormSubmission((currentFormSubmission) => {
-            const { submission, elements } = mergeLookupResults({
+            const { submission, elements, executedLookups } = mergeLookupResults({
                 elements: pageElement.elements,
                 submission: currentFormSubmission.submission,
                 lastElementUpdated: currentFormSubmission.lastElementUpdated,
+                executedLookups: currentFormSubmission.executedLookups,
             });
             const definition = {
                 ...currentFormSubmission.definition,
@@ -36,6 +37,7 @@ function PageFormElements({ formId, isActive, pageElement, model, displayValidat
                 submission,
                 definition,
                 lastElementUpdated: currentFormSubmission.lastElementUpdated,
+                executedLookups,
             };
         });
     }, [formId, pageElement.elements, pageElement.id, setFormSubmission]);

package/dist/components/renderer/PageFormElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAS7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAcpE,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,KAAK,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,QAAQ,EACR,iBAAiB,GACX;IACN,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,kBAAkB,EAAE,EAAE;QACrB,iBAAiB,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC;gBAClD,QAAQ,EAAE,WAAW,CAAC,QAAQ;gBAC9B,UAAU,EAAE,qBAAqB,CAAC,UAAU;gBAC5C,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;aAC7D,CAAC,CAAA;YAEF,MAAM,UAAU,GAAG;gBACjB,GAAG,qBAAqB,CAAC,UAAU;aACpC,CAAA;YACD,IAAI,WAAW,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE;gBACxC,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAA;aAC/B;iBAAM;gBACL,UAAU,CAAC,QAAQ,GAAG,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CACjE,CAAC,WAAW,EAAE,EAAE;oBACd,IACE,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE;wBACjC,WAAW,CAAC,IAAI,KAAK,MAAM,EAC3B;wBACA,OAAO;4BACL,GAAG,WAAW;4BACd,QAAQ;yBACT,CAAA;qBACF;yBAAM;wBACL,OAAO,WAAW,CAAA;qBACnB;gBACH,CAAC,CACF,CAAA;aACF;YAED,OAAO;gBACL,UAAU;gBACV,UAAU;gBACV,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;aAC7D,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAClE,CAAA;IAED,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAA;IAEhC,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,kBAAkB,EAAE,EAAE;QACrB,iBAAiB,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC1C,MAAM,UAAU,GAAG;gBACjB,GAAG,qBAAqB,CAAC,UAAU;aACpC,CAAA;YAED,IAAI,WAAW,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE;gBACxC,UAAU,CAAC,QAAQ,GAAG,kBAAkB,CACtC,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAC1C,CAAA;aACF;iBAAM;gBACL,UAAU,CAAC,QAAQ,GAAG,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CACjE,CAAC,WAAW,EAAE,EAAE;oBACd,IACE,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE;wBACjC,WAAW,CAAC,IAAI,KAAK,MAAM,EAC3B;wBACA,OAAO;4BACL,GAAG,WAAW;4BACd,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,QAAQ,CAAC;yBACnD,CAAA;qBACF;yBAAM;wBACL,OAAO,WAAW,CAAA;qBACnB;gBACH,CAAC,CACF,CAAA;aACF;YAED,OAAO;gBACL,GAAG,qBAAqB;gBACxB,UAAU;aACX,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAC5C,CAAA;IAED,OAAO,CACL,oBAAC,qBAAqB,IAAC,aAAa,EAAE,QAAQ;QAC5C,oBAAC,qBAAqB;YACpB,6BACE,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,SAAS,EAAE,IAAI,CAAC,6CAA6C,EAAE;oBAC7D,cAAc,EAAE,CAAC,QAAQ;iBAC1B,CAAC;gBAEF,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,IAAI,EACnB,8BAA8B,EAAE,8BAA8B,EAC9D,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,oBAAoB,EAAE,wBAAwB,EAC9C,QAAQ,EAAC,EAAE,GACX,CACE,CACgB,CACF,CACzB,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\nimport { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  onChange: FormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        const { submission, elements } = mergeLookupResults({\n          elements: pageElement.elements,\n          submission: currentFormSubmission.submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        })\n\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n        if (pageElement.id === formId.toString()) {\n          definition.elements = elements\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements,\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n        }\n      })\n    },\n    [formId, pageElement.elements, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  const handleUpdateFormElements = React.useCallback<UpdateFormElementsHandler>(\n    (updateFormElements) => {\n      setFormSubmission((currentFormSubmission) => {\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n\n        if (pageElement.id === formId.toString()) {\n          definition.elements = updateFormElements(\n            currentFormSubmission.definition.elements,\n          )\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements: updateFormElements(formElement.elements),\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          ...currentFormSubmission,\n          definition,\n        }\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <FlatpickrGuidProvider>\n        <div\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            onUpdateFormElements={handleUpdateFormElements}\n            idPrefix=\"\"\n          />\n        </div>\n      </FlatpickrGuidProvider>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}
+{"version":3,"file":"PageFormElements.js","sourceRoot":"","sources":["../../../src/components/renderer/PageFormElements.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport OneBlinkFormElements from './OneBlinkFormElements'\nimport useFormDefinition from '../../hooks/useFormDefinition'\nimport {\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  NestedFormElementValueChangeHandler,\n  SetFormSubmission,\n  UpdateFormElementsHandler,\n} from '../../types/form'\nimport { IsPageVisibleProvider } from '../../hooks/useIsPageVisible'\nimport { FlatpickrGuidProvider } from '../../hooks/useFlatpickrGuid'\n\nexport type Props = {\n  formId: number\n  isActive: boolean\n  pageElement: FormTypes.PageElement\n  displayValidationMessages: boolean\n  model: SubmissionTypes.S3SubmissionData['submission']\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  onChange: NestedFormElementValueChangeHandler\n  setFormSubmission: SetFormSubmission\n}\n\nfunction PageFormElements({\n  formId,\n  isActive,\n  pageElement,\n  model,\n  displayValidationMessages,\n  formElementsConditionallyShown,\n  formElementsValidation,\n  onChange,\n  setFormSubmission,\n}: Props) {\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      setFormSubmission((currentFormSubmission) => {\n        const { submission, elements, executedLookups } = mergeLookupResults({\n          elements: pageElement.elements,\n          submission: currentFormSubmission.submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: currentFormSubmission.executedLookups,\n        })\n\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n        if (pageElement.id === formId.toString()) {\n          definition.elements = elements\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements,\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          submission,\n          definition,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups,\n        }\n      })\n    },\n    [formId, pageElement.elements, pageElement.id, setFormSubmission],\n  )\n\n  const form = useFormDefinition()\n\n  const handleUpdateFormElements = React.useCallback<UpdateFormElementsHandler>(\n    (updateFormElements) => {\n      setFormSubmission((currentFormSubmission) => {\n        const definition = {\n          ...currentFormSubmission.definition,\n        }\n\n        if (pageElement.id === formId.toString()) {\n          definition.elements = updateFormElements(\n            currentFormSubmission.definition.elements,\n          )\n        } else {\n          definition.elements = currentFormSubmission.definition.elements.map(\n            (formElement) => {\n              if (\n                formElement.id === pageElement.id &&\n                formElement.type === 'page'\n              ) {\n                return {\n                  ...formElement,\n                  elements: updateFormElements(formElement.elements),\n                }\n              } else {\n                return formElement\n              }\n            },\n          )\n        }\n\n        return {\n          ...currentFormSubmission,\n          definition,\n        }\n      })\n    },\n    [formId, pageElement.id, setFormSubmission],\n  )\n\n  return (\n    <IsPageVisibleProvider isPageVisible={isActive}>\n      <FlatpickrGuidProvider>\n        <div\n          key={pageElement.id}\n          className={clsx('ob-page step-content is-active cypress-page', {\n            'is-invisible': !isActive,\n          })}\n        >\n          <OneBlinkFormElements\n            formId={formId}\n            model={model}\n            parentElement={form}\n            formElementsConditionallyShown={formElementsConditionallyShown}\n            formElementsValidation={formElementsValidation}\n            displayValidationMessages={displayValidationMessages}\n            elements={pageElement.elements}\n            onChange={onChange}\n            onLookup={handleLookup}\n            onUpdateFormElements={handleUpdateFormElements}\n            idPrefix=\"\"\n          />\n        </div>\n      </FlatpickrGuidProvider>\n    </IsPageVisibleProvider>\n  )\n}\n\nexport default React.memo(PageFormElements)\n"]}

package/dist/components/renderer/ToggleAllCheckbox.js

@@ -8,10 +8,14 @@ const ToggleAllCheckbox = ({ id, element, options, selected, onChange, disabled,
     }, [options, selected]);
     const handleToggleAll = React.useCallback((isSelectingAll) => {
         if (isSelectingAll) {
-            onChange(element, options.map((opt) => opt.value));
+            onChange(element, {
+                value: options.map((opt) => opt.value),
+            });
         }
         else {
-            onChange(element, undefined);
+            onChange(element, {
+                value: undefined,
+            });
         }
     }, [element, options, onChange]);
     return (React.createElement("label", { className: "checkbox ob-checkbox__input-label cypress-checkbox-label", htmlFor: `${id}_select-all`, style: {

package/dist/components/renderer/ToggleAllCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleAllCheckbox.js","sourceRoot":"","sources":["../../../src/components/renderer/ToggleAllCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAWxC,MAAM,iBAAiB,GAAG,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,cAAuB,EAAE,EAAE;QAC1B,IAAI,cAAc,EAAE;YAClB,QAAQ,CACN,OAAO,EACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAChC,CAAA;SACF;aAAM;YACL,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;SAC7B;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAA;IAED,OAAO,CACL,+BACE,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE,aAAa,EAC3B,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,SAAS;SACxB;QAED,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,OAAO,EAAE;gBACP,OAAO,EAAE,4BAA4B;aACtC,EACD,SAAS,EAAC,6CAA6C,EACvD,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,aAAa,QACb,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,GAClB;QACD,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CACtC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Checkbox } from '@mui/material'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../../types/form'\ninterface Props {\n  id: string\n  element: FormTypes.CheckboxElement | FormTypes.SelectElement\n  options: FormTypes.ChoiceElementOption[]\n  selected: string[]\n  onChange: FormElementValueChangeHandler<string[]>\n  disabled?: boolean\n}\nconst ToggleAllCheckbox = ({\n  id,\n  element,\n  options,\n  selected,\n  onChange,\n  disabled,\n}: Props) => {\n  const allSelected = React.useMemo(() => {\n    return options.every((option) => {\n      return selected.includes(option.value)\n    })\n  }, [options, selected])\n\n  const handleToggleAll = React.useCallback(\n    (isSelectingAll: boolean) => {\n      if (isSelectingAll) {\n        onChange(\n          element,\n          options.map((opt) => opt.value),\n        )\n      } else {\n        onChange(element, undefined)\n      }\n    },\n    [element, options, onChange],\n  )\n\n  return (\n    <label\n      className=\"checkbox ob-checkbox__input-label cypress-checkbox-label\"\n      htmlFor={`${id}_select-all`}\n      style={{\n        fontStyle: 'italic',\n        marginBottom: '1.25rem',\n      }}\n    >\n      <Checkbox\n        color=\"default\"\n        classes={{\n          checked: 'ob-checkbox__input-checked',\n        }}\n        className=\"ob-checkbox__input cypress-checkbox-control\"\n        id={`${id}_select-all`}\n        disableRipple\n        checked={allSelected}\n        indeterminate={!!selected.length && !allSelected}\n        onChange={(e) => handleToggleAll(e.target.checked)}\n        disabled={disabled}\n      />\n      {allSelected ? 'Deselect All' : 'Select All'}\n    </label>\n  )\n}\n\nexport default React.memo<Props>(ToggleAllCheckbox)\n"]}
+{"version":3,"file":"ToggleAllCheckbox.js","sourceRoot":"","sources":["../../../src/components/renderer/ToggleAllCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAWxC,MAAM,iBAAiB,GAAG,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,cAAuB,EAAE,EAAE;QAC1B,IAAI,cAAc,EAAE;YAClB,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;aACvC,CAAC,CAAA;SACH;aAAM;YACL,QAAQ,CAAC,OAAO,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAA;SACH;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC7B,CAAA;IAED,OAAO,CACL,+BACE,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE,aAAa,EAC3B,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,SAAS;SACxB;QAED,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,OAAO,EAAE;gBACP,OAAO,EAAE,4BAA4B;aACtC,EACD,SAAS,EAAC,6CAA6C,EACvD,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,aAAa,QACb,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAChD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,GAClB;QACD,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CACtC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Checkbox } from '@mui/material'\nimport { FormTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../../types/form'\ninterface Props {\n  id: string\n  element: FormTypes.CheckboxElement | FormTypes.SelectElement\n  options: FormTypes.ChoiceElementOption[]\n  selected: string[]\n  onChange: FormElementValueChangeHandler<string[]>\n  disabled?: boolean\n}\nconst ToggleAllCheckbox = ({\n  id,\n  element,\n  options,\n  selected,\n  onChange,\n  disabled,\n}: Props) => {\n  const allSelected = React.useMemo(() => {\n    return options.every((option) => {\n      return selected.includes(option.value)\n    })\n  }, [options, selected])\n\n  const handleToggleAll = React.useCallback(\n    (isSelectingAll: boolean) => {\n      if (isSelectingAll) {\n        onChange(element, {\n          value: options.map((opt) => opt.value),\n        })\n      } else {\n        onChange(element, {\n          value: undefined,\n        })\n      }\n    },\n    [element, options, onChange],\n  )\n\n  return (\n    <label\n      className=\"checkbox ob-checkbox__input-label cypress-checkbox-label\"\n      htmlFor={`${id}_select-all`}\n      style={{\n        fontStyle: 'italic',\n        marginBottom: '1.25rem',\n      }}\n    >\n      <Checkbox\n        color=\"default\"\n        classes={{\n          checked: 'ob-checkbox__input-checked',\n        }}\n        className=\"ob-checkbox__input cypress-checkbox-control\"\n        id={`${id}_select-all`}\n        disableRipple\n        checked={allSelected}\n        indeterminate={!!selected.length && !allSelected}\n        onChange={(e) => handleToggleAll(e.target.checked)}\n        disabled={disabled}\n      />\n      {allSelected ? 'Deselect All' : 'Select All'}\n    </label>\n  )\n}\n\nexport default React.memo<Props>(ToggleAllCheckbox)\n"]}

package/dist/form-elements/FormElementABN.js

@@ -77,7 +77,9 @@ function FormElementABN({ id, element, value, onChange, validationMessage, displ
                         ];
                 }
                 if (!abortController.signal.aborted) {
-                    onChange(element, result.ABRPayloadSearchResults.response.businessEntity202001);
+                    onChange(element, {
+                        value: result.ABRPayloadSearchResults.response.businessEntity202001,
+                    });
                     setState({
                         isLoading: false,
                         error: null,
@@ -132,7 +134,9 @@ function FormElementABN({ id, element, value, onChange, validationMessage, displ
                     React.createElement(InputMask, { mask: isFocused || value ? '99 999 999 999' : '999 999 999', maskChar: " ", type: "text", id: id, name: element.name, className: "input ob-input cypress-abn-control", placeholder: element.placeholderValue, value: label, onChange: (e) => {
                             setLabel(e.target.value);
                             if (value) {
-                                onChange(element, undefined);
+                                onChange(element, {
+                                    value: undefined,
+                                });
                             }
                         }, required: element.required, disabled: element.readOnly, onBlur: () => {
                             setIsDirty();

package/dist/form-elements/FormElementABN.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementABN.js","sourceRoot":"","sources":["../../src/form-elements/FormElementABN.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport InputMask from 'react-input-mask'\nimport { parseString } from 'xml2js'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport useAbnLookupAuthenticationGuid from '../hooks/useAbnLookupAuthenticationGuid'\nimport { abnService } from '@oneblink/sdk-core'\ntype Props = {\n  id: string\n  element: FormTypes.ABNElement\n  value: MiscTypes.ABNRecord | undefined\n  onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\nfunction FormElementABN({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const abnLookupAuthenticationGuid = useAbnLookupAuthenticationGuid()\n  const [label, setLabel] = React.useState(\n    value ? abnService.getABNNumberFromABNRecord(value) || '' : '',\n  )\n  const [isFocused, setIsFocused, removeFocus] = useBooleanState(false)\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  React.useEffect(() => {\n    const searchString = label.replace(/[^\\d]/g, '')\n    const isSearchStringValid =\n      searchString.length === 11 || (searchString.length === 9 && !isFocused)\n\n    const currentABNNumber = value\n      ? abnService.getABNNumberFromABNRecord(value)\n      : ''\n    if (!isSearchStringValid || currentABNNumber === searchString) {\n      return\n    }\n\n    setState({\n      isLoading: true,\n      error: null,\n    })\n\n    const abortController = new AbortController()\n    const fetchRecord = async () => {\n      try {\n        const urlSearchParams = new URLSearchParams()\n        urlSearchParams.append('searchString', searchString)\n        urlSearchParams.append('includeHistoricalDetails', 'N')\n        if (abnLookupAuthenticationGuid) {\n          urlSearchParams.append(\n            'authenticationGuid',\n            abnLookupAuthenticationGuid,\n          )\n        }\n\n        const url =\n          searchString.length === 11\n            ? 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByABNv202001'\n            : 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByASICv201408'\n        const response = await fetch(`${url}?${urlSearchParams.toString()}`, {\n          mode: 'cors',\n          signal: abortController.signal,\n        })\n        const text = await response.text()\n        if (!response.ok) {\n          throw new Error(text)\n        }\n\n        const result = await new Promise<{\n          ABRPayloadSearchResults: {\n            response: {\n              businessEntity201408?: MiscTypes.ABNRecord\n              businessEntity202001: MiscTypes.ABNRecord\n              exception?: {\n                exceptionDescription: string\n                exceptionCode: string\n              }\n            }\n          }\n        }>((resolve, reject) => {\n          parseString(\n            text,\n            {\n              explicitArray: false,\n            },\n            (err, result) => {\n              if (err) {\n                reject(err)\n              } else {\n                resolve(result)\n              }\n            },\n          )\n        })\n        if (result.ABRPayloadSearchResults.response.exception) {\n          throw new Error(\n            result.ABRPayloadSearchResults.response.exception.exceptionDescription,\n          )\n        }\n\n        if (result.ABRPayloadSearchResults.response.businessEntity201408) {\n          result.ABRPayloadSearchResults.response.businessEntity202001 =\n            result.ABRPayloadSearchResults.response.businessEntity201408\n        }\n\n        if (\n          !Array.isArray(\n            result.ABRPayloadSearchResults.response.businessEntity202001\n              .businessName,\n          )\n        ) {\n          result.ABRPayloadSearchResults.response.businessEntity202001.businessName =\n            [\n              result.ABRPayloadSearchResults.response.businessEntity202001\n                .businessName,\n            ]\n        }\n\n        if (!abortController.signal.aborted) {\n          onChange(\n            element,\n            result.ABRPayloadSearchResults.response.businessEntity202001,\n          )\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (err) {\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            error: err as Error,\n          })\n        }\n      }\n    }\n\n    fetchRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [abnLookupAuthenticationGuid, element, isFocused, label, onChange, value])\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = abnService.getABNNumberFromABNRecord(value)\n      if (!newLabel) {\n        // Record in value had no ABN Number. This should never happen\n        return\n      }\n      if (label !== newLabel) {\n        setLabel(\n          newLabel.split('').reduce((memo, character, index) => {\n            switch (index) {\n              case 2:\n              case 5:\n              case 8: {\n                return `${memo} ${character}`\n              }\n              default: {\n                return `${memo}${character}`\n              }\n            }\n          }, ''),\n        )\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-abn-element\">\n      <FormElementLabelContainer\n        className=\"ob-abn\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask={isFocused || value ? '99 999 999 999' : '999 999 999'}\n              maskChar=\" \"\n              type=\"text\"\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-abn-control\"\n              placeholder={element.placeholderValue}\n              value={label}\n              onChange={(e) => {\n                setLabel(e.target.value)\n                if (value) {\n                  onChange(element, undefined)\n                }\n              }}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={() => {\n                setIsDirty()\n                removeFocus()\n              }}\n              onFocus={setIsFocused}\n            />\n          </div>\n          {value && (\n            <div className=\"control ob-abn__record-control\">\n              <a className=\"button is-static ob-abn__record-button\">\n                {abnService.displayBusinessNameFromABNRecord(value)}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon copy-button cypress-copy-to-clipboard-button\"\n                text={label}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n            lookupButtonConfig={element.lookupButton}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          error) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {error?.message || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementABN)\n"]}
+{"version":3,"file":"FormElementABN.js","sourceRoot":"","sources":["../../src/form-elements/FormElementABN.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport InputMask from 'react-input-mask'\nimport { parseString } from 'xml2js'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, MiscTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler, IsDirtyProps } from '../types/form'\nimport useAbnLookupAuthenticationGuid from '../hooks/useAbnLookupAuthenticationGuid'\nimport { abnService } from '@oneblink/sdk-core'\ntype Props = {\n  id: string\n  element: FormTypes.ABNElement\n  value: MiscTypes.ABNRecord | undefined\n  onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\nfunction FormElementABN({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n  isDirty,\n  setIsDirty,\n}: Props) {\n  const abnLookupAuthenticationGuid = useAbnLookupAuthenticationGuid()\n  const [label, setLabel] = React.useState(\n    value ? abnService.getABNNumberFromABNRecord(value) || '' : '',\n  )\n  const [isFocused, setIsFocused, removeFocus] = useBooleanState(false)\n  const [{ isLoading, error }, setState] = React.useState<{\n    isLoading: boolean\n    error: Error | null\n  }>({\n    isLoading: false,\n    error: null,\n  })\n\n  React.useEffect(() => {\n    const searchString = label.replace(/[^\\d]/g, '')\n    const isSearchStringValid =\n      searchString.length === 11 || (searchString.length === 9 && !isFocused)\n\n    const currentABNNumber = value\n      ? abnService.getABNNumberFromABNRecord(value)\n      : ''\n    if (!isSearchStringValid || currentABNNumber === searchString) {\n      return\n    }\n\n    setState({\n      isLoading: true,\n      error: null,\n    })\n\n    const abortController = new AbortController()\n    const fetchRecord = async () => {\n      try {\n        const urlSearchParams = new URLSearchParams()\n        urlSearchParams.append('searchString', searchString)\n        urlSearchParams.append('includeHistoricalDetails', 'N')\n        if (abnLookupAuthenticationGuid) {\n          urlSearchParams.append(\n            'authenticationGuid',\n            abnLookupAuthenticationGuid,\n          )\n        }\n\n        const url =\n          searchString.length === 11\n            ? 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByABNv202001'\n            : 'https://abr.business.gov.au/abrxmlsearch/AbrXmlSearch.asmx/SearchByASICv201408'\n        const response = await fetch(`${url}?${urlSearchParams.toString()}`, {\n          mode: 'cors',\n          signal: abortController.signal,\n        })\n        const text = await response.text()\n        if (!response.ok) {\n          throw new Error(text)\n        }\n\n        const result = await new Promise<{\n          ABRPayloadSearchResults: {\n            response: {\n              businessEntity201408?: MiscTypes.ABNRecord\n              businessEntity202001: MiscTypes.ABNRecord\n              exception?: {\n                exceptionDescription: string\n                exceptionCode: string\n              }\n            }\n          }\n        }>((resolve, reject) => {\n          parseString(\n            text,\n            {\n              explicitArray: false,\n            },\n            (err, result) => {\n              if (err) {\n                reject(err)\n              } else {\n                resolve(result)\n              }\n            },\n          )\n        })\n        if (result.ABRPayloadSearchResults.response.exception) {\n          throw new Error(\n            result.ABRPayloadSearchResults.response.exception.exceptionDescription,\n          )\n        }\n\n        if (result.ABRPayloadSearchResults.response.businessEntity201408) {\n          result.ABRPayloadSearchResults.response.businessEntity202001 =\n            result.ABRPayloadSearchResults.response.businessEntity201408\n        }\n\n        if (\n          !Array.isArray(\n            result.ABRPayloadSearchResults.response.businessEntity202001\n              .businessName,\n          )\n        ) {\n          result.ABRPayloadSearchResults.response.businessEntity202001.businessName =\n            [\n              result.ABRPayloadSearchResults.response.businessEntity202001\n                .businessName,\n            ]\n        }\n\n        if (!abortController.signal.aborted) {\n          onChange(element, {\n            value: result.ABRPayloadSearchResults.response.businessEntity202001,\n          })\n          setState({\n            isLoading: false,\n            error: null,\n          })\n        }\n      } catch (err) {\n        if (!abortController.signal.aborted) {\n          setState({\n            isLoading: false,\n            error: err as Error,\n          })\n        }\n      }\n    }\n\n    fetchRecord()\n\n    return () => {\n      abortController.abort()\n    }\n  }, [abnLookupAuthenticationGuid, element, isFocused, label, onChange, value])\n\n  // Ensure the label is set if the value is set outside of this component\n  React.useEffect(() => {\n    if (value) {\n      const newLabel = abnService.getABNNumberFromABNRecord(value)\n      if (!newLabel) {\n        // Record in value had no ABN Number. This should never happen\n        return\n      }\n      if (label !== newLabel) {\n        setLabel(\n          newLabel.split('').reduce((memo, character, index) => {\n            switch (index) {\n              case 2:\n              case 5:\n              case 8: {\n                return `${memo} ${character}`\n              }\n              default: {\n                return `${memo}${character}`\n              }\n            }\n          }, ''),\n        )\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value])\n\n  return (\n    <div className=\"cypress-abn-element\">\n      <FormElementLabelContainer\n        className=\"ob-abn\"\n        id={id}\n        element={element}\n        required={element.required}\n      >\n        <div className=\"field has-addons\">\n          <div\n            className={clsx('control is-expanded', {\n              'is-loading': isLoading,\n            })}\n          >\n            <InputMask\n              mask={isFocused || value ? '99 999 999 999' : '999 999 999'}\n              maskChar=\" \"\n              type=\"text\"\n              id={id}\n              name={element.name}\n              className=\"input ob-input cypress-abn-control\"\n              placeholder={element.placeholderValue}\n              value={label}\n              onChange={(e) => {\n                setLabel(e.target.value)\n                if (value) {\n                  onChange(element, {\n                    value: undefined,\n                  })\n                }\n              }}\n              required={element.required}\n              disabled={element.readOnly}\n              onBlur={() => {\n                setIsDirty()\n                removeFocus()\n              }}\n              onFocus={setIsFocused}\n            />\n          </div>\n          {value && (\n            <div className=\"control ob-abn__record-control\">\n              <a className=\"button is-static ob-abn__record-button\">\n                {abnService.displayBusinessNameFromABNRecord(value)}\n              </a>\n            </div>\n          )}\n          {!!element.readOnly && !!value && (\n            <div className=\"control\">\n              <CopyToClipboardButton\n                className=\"button is-input-addon copy-button cypress-copy-to-clipboard-button\"\n                text={label}\n              />\n            </div>\n          )}\n          <LookupButton\n            isInputButton\n            value={value}\n            validationMessage={validationMessage}\n            lookupButtonConfig={element.lookupButton}\n          />\n        </div>\n        {(((isDirty || displayValidationMessage) &&\n          !!validationMessage &&\n          !isLoading) ||\n          error) && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {error?.message || validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementABN)\n"]}

package/dist/form-elements/FormElementAutocomplete.js

@@ -75,7 +75,9 @@ const AutocompleteFetch = React.memo(function AutocompleteFetch({ id, element, v
 });
 function FormElementAutocomplete({ conditionallyShownOptionsElement, onChange, ...props }) {
     const handleChange = React.useCallback((newValue) => {
-        onChange(props.element, newValue);
+        onChange(props.element, {
+            value: newValue,
+        });
     }, [onChange, props.element]);
     if (props.element.optionsType === 'SEARCH' && props.element.searchUrl) {
         return (React.createElement(AutocompleteFetch, { ...props, onChange: handleChange, searchUrl: props.element.searchUrl, searchQuerystringParameter: props.element.searchQuerystringParameter || 'value' }));